@rxts/react-qrcode v0.1.1

VueQRCode

🤳 A React component for QR code generation with qrcode

Usage

// Component
import ReactDOM from 'react-dom'
import { QRCode } from '@rxts/react-qrcode'

ReactDOM.render(<QRCode value="https://www.1stg.me" />)

// hooks
import { useQRCode } from '@rxts/react'

export const App = () => {
  const [value, setValue] = useState('https://www.1stg.me')
  const dataUrl = useQRCode(value)
  return (
    <>
      <div>dataUrl: {dataUrl}</div>
      <img src={dataUrl} />
      <input onChange={e => setValue(e.currentTarget.value)} />
    </>
  )
}

Available Props