Opinionated QR Code component for React, powered by qr
npm i cuerUse 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