Loading...
Loading...
> Generate customizable QR codes with download and copy functionality.
The QR Code Generator component provides a complete interface for creating QR codes from URLs or text. Users can customize the size and error correction level, then download as SVG or copy to clipboard. Built with the Terminal aesthetic.
DESC: Install the qrcode.react library.
1$npm install qrcode.react
DESC: Import the QR generator into your page.
1import { AiQrGenerator } from '@/components/library/ai-qr-generator';
Render the QR generator with a default value.
1export default function Page() {2 return (3 <AiQrGenerator defaultValue="https://your-site.com" />4 );5}
| Option | Type | Default | Description |
|---|---|---|---|
| defaultValue | string | "https://fabrk.dev" | Initial URL or text to encode. |
| className | string | undefined | Additional CSS classes for the container. |
Error correction determines how much damage a QR code can sustain while remaining scannable: