Component
QR code
A scannable code rendered client-side from any string value, with optional custom colors and a center logo.
The primitive
qr code.tsx
<NativeQRCode value="ACCT-8842-1190-2256-7731" size={180} />Example
Paired with the underlying address rendered as text beneath it, so the code stays useful even when a scanner isn't handy.
ACCT-8842-1190-2256-7731
qr-code-example.tsx
<NativeQRCode value={address} size={160} />
<span className="text-xs text-muted-foreground">{address}</span>Capabilities
| Prop | Type | Description |
|---|---|---|
| valuerequired | string | — |
| size | number | — |
| color | string | — |
| bgColor | string | — |
| cornersColor | string | — |
| logo | string | — |
| logoSize | number | — |
| className | string | — |