QRCode
QRCode Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| value | text | — | |
| size | number | — | |
| bgColor | color | — | |
| fgColor | color | — | |
| level | selectL | M | Q | H | — |
Default
LargeSize
CustomColors
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
bgColor | color | — | Background color |
fgColor | color | — | Foreground color |
level | select | — | Error correction level |
size | number | — | Size in pixels |
value | text | — | Value to encode |
Using QRCodetsx
import { QRCode } from '@/components/QRCode'
<QRCode
value="..."
size="..."
bgColor="..."
fgColor="..."
level="..."
/>Tokens Used
No design tokens detected