Skip to main content


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


bgColorstring (optional)'#FFFFFF'Sets the background color
fgColorstring (optional)'#000000'Sets the foreground color
includeMarginbool (optional)falseAdds margin around the QR code
levelenum (optional)'L'Sets the amount of error correction. Allowed values: 'L' 'M' 'Q' 'H'.
renderAsenum (optional)'svg'Changes the element that contains the QR code. Allowed values: 'canvas' 'svg'.
sizeinteger (optional)128Sets the height and width in pixels
valuestring (required)Sets the value of the QR code