QRCode
QR kód generátor s nastavitelnou velikostí a barvou
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/qr-code.json
Usage
Preview
Varianty
DefaultBěžný
RoundedZaoblený
FramedS rámečkem
BrandedS barvou
Barvy
primary
secondary
blue
green
red
orange
Import
import { QRCode } from "@/registry/cs/ui/qr-code/qr-code"
Example
// Základní
<QRCode value="https://ceskysoftware.cz" />
// Velikost (px, výchozí 160)
<QRCode value="https://ceskysoftware.cz" size={200} />
// Varianty: default | rounded | framed | branded
<QRCode value="https://ceskysoftware.cz" variant="framed" label="Skenujte mě" />
// Barva teček (dotColor): primary | secondary | blue | green | red | orange
<QRCode
value="https://ceskysoftware.cz"
variant="branded"
dotColor="primary"
label="CS Software"
caption="Naskenujte pro návštěvu"
/>
// Úroveň korekce chyb: L | M | Q | H
<QRCode value="https://ceskysoftware.cz" errorCorrectionLevel="H" />
Dependencies
qrcodehttps://registry.ceskysoftware.cz/r/utils.json (registry)