QRCode

import { QRCode } from "@/components/ui";

1<div className="flex items-end gap-4">
2  <QRCode value="https://example.com" size={64} />
3  <QRCode value="https://example.com" size={128} />
4  <QRCode value="https://example.com" size={200} />
5</div>

1<QRCode
2  value="https://example.com"
3  size={200}
4  download
5/>

1<div className="flex items-end gap-4">
2  <div className="text-center">
3    <QRCode value="https://example.com" errorCorrection="L" size={100} />
4    <span className="text-xs text-muted-foreground">Low</span>
5  </div>
6  <div className="text-center">
7    <QRCode value="https://example.com" errorCorrection="M" size={100} />
8    <span className="text-xs text-muted-foreground">Medium</span>
9  </div>
10  <div className="text-center">
11    <QRCode value="https://example.com" errorCorrection="H" size={100} />
12    <span className="text-xs text-muted-foreground">High</span>
13  </div>
14</div>