Directory
- Welcome
New
QR Code Component
The QR Code component is a simple QR code generator that allows you to generate QR codes.
Quick Start
<QRCode qrColor="--color-primary" src="https://northstarthemes.com" width={200} />QR Code Component Props API
| Prop | Type | Default | Description |
|---|---|---|---|
| src | string | The source URL of the QR code | |
| width | number | 200 | The width of the QR code |
| qrOptions | QRCodeOptions | Options from qrcode npm package | |
| qrColor | string | { darkmode: string; lightmode: string } | Color of the QR code (hex color or css variable) |
QR Code Component Functions API
| Function | Type | Description |
|---|---|---|
| setSrc | (options: { value: string, options?: QRCodeOptions, colors?: { darkmode: string; lightmode: string } | string }) => Promise<void> | Sets the source URL of the QR code |
Limited Time Launch Sale
Add QR codes to your website with our AstroJS starter template. Get started now!
GET 60% OFF!
