qr-code-demo

PreviousNext
Docs
diceuiexample

Preview

Loading preview…
examples/qr-code-demo.tsx
import {
  QRCode,
  QRCodeCanvas,
  QRCodeSkeleton,
} from "@/registry/default/ui/qr-code";

export default function QRCodeDemo() {
  return (
    <QRCode value="https://diceui.com" size={200}>
      <QRCodeSkeleton />
      <QRCodeCanvas />
    </QRCode>
  );
}

Installation

npx shadcn@latest add @diceui/qr-code-demo

Usage

import { QrCodeDemo } from "@/components/qr-code-demo"
<QrCodeDemo />