본문으로 건너뛰기
언어

QR codedata-display

SVG QR code with error-correction level, quiet zone and the readable value shown below it.

설치

pnpm
pnpm dlx shadcn@4.23.0 add @uikit/qr-code

의존 아이템localestyle

Default

qr-code-demo.tsx
import { QrCode } from "@/components/ui/qr-code";
export default function QrCodeDemo() {  return <QrCode value="https://example.com/checkin/RSV-0042" />;}