Products · Components

QRCode

Shows text, such as a payment link, as a QR code any phone can scan.

The code is always dark on light, even in dark mode. Keep value short: a long text makes a dense code that's harder to scan.

Children: Nothing

Example

The QRCode component
view.dml
<QRCode value="https://example.com/pay/AC-2041" size="160" label="Payment code AC-2041" />

Props

PropTypeWhat it is
valuestring
sizenumberIn pixels. Default: 200.
labelstringWhat screen readers say in place of the code.

Events

None.

Keep reading

On this page