Opinionated QR Code component for React, powered by qr
npm i cuer
Use the Cuer component to render a QR code (with an optional arena).
import { Cuer } from 'cuer' export function App() { return <Cuer arena="https://example.com/logo.png" value="https://wevm.dev" /> }
Further customization is possible by composition components (ie. Cuer.Root, Cuer.Cells, etc).
import { Cuer } from 'cuer' export function App() { return ( <Cuer.Root value="https://wevm.dev"> <Cuer.Finder fill="red" radius={0} /> <Cuer.Cells fill="blue" radius={0} /> <Cuer.Arena> <img src="https://example.com/logo.png" style={{ width: '100%', height: '100%', objectFit: 'cover' }} /> </Cuer.Arena> </Cuer.Root> ) }
MIT License