QR
Use the QR component to renders a QR code for a provided string. Can be used as a shortcut to input a public Algorand address or link to a specific website.
Usage Example#
Live Editor
Result
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| bgColor | string (optional) | '#FFFFFF' | Sets the background color |
| fgColor | string (optional) | '#000000' | Sets the foreground color |
| includeMargin | bool (optional) | false | Adds margin around the QR code |
| level | enum (optional) | 'L' | Sets the amount of error correction. Allowed values: 'L' 'M' 'Q' 'H'. |
| renderAs | enum (optional) | 'svg' | Changes the element that contains the QR code. Allowed values: 'canvas' 'svg'. |
| size | integer (optional) | 128 | Sets the height and width in pixels |
| value | string (required) | Sets the value of the QR code |