Code Monkey home page Code Monkey logo

react-qr-image's Introduction

Preview of QR codes generated

react-qr-image

package version package downloads standard-readme compliant package license make a pull request

A React component for a QR image generated from text.

๐Ÿ“– Table of Contents

โš™๏ธ Install

Install the package locally within you project folder with your package manager:

With npm:

npm install react-qr-image

With yarn:

yarn add react-qr-image

With pnpm:

pnpm add react-qr-image

๐Ÿ“– Usage

import React from "react";
import ReactDOM from "react-dom";

import QRImage from "react-qr-image";

function App() {
  return (
    <>
      <QRImage text="hello" />
      <QRImage text="hello" color="red" />
      <QRImage text="hello" color="white" background="#111" />
      <QRImage>hello</QRImage>
    </>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Edit wispy-haze-cvm06

๐Ÿ“š API

For all configuration options, please see the API docs.

๐Ÿ’ฌ Contributing

Got an idea for a new feature? Found a bug? Contributions are welcome! Please open up an issue or make a pull request.

๐Ÿชช License

MIT ยฉ Tiaan du Plessis

react-qr-image's People

Contributors

dependabot[bot] avatar imgbotapp avatar tiaanduplessis avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.