qrcode-demo

delta-components/qrcode-demo

FreeExample

delta-components publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by delta-components on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://deltacomponents.dev/r/qrcode-demo.json

Source

examples/qrcode-demo.tsxdeltacomponents.dev/r/qrcode-demo.json

1"use client"
2 
3import QRCode from "@/components/ui/qrcode"
4 
5export default function QrcodeDemo() {
6  return (
7    <div className="flex items-center justify-center p-8">
8      <QRCode value="https://patrickprunty.com" size={200} />
9    </div>
10  )
11}

What it pulls in

Other registry items

@delta/qrcode

Files it writes

registry/delta-ui/examples/qrcode-demo.tsx

More from delta-components

All 93 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
admonition-actions-demoadmonition-actions-demo	delta-components	Examples	Free	no deps
admonition-collapsible-demoadmonition-collapsible-demo	delta-components	Examples	Free	no deps
admonition-custom-icon-demoadmonition-custom-icon-demo	delta-components	Examples	Free	no deps
admonition-demoadmonition-demo	delta-components	Examples	Free	no deps
admonition-demo-interactiveadmonition-demo-interactive	delta-components	Examples	Free	no deps
admonition-dismissible-demoadmonition-dismissible-demo	delta-components	Examples	Free	no deps
cambio-image-close-button-democambio-image-close-button-demo	delta-components	Examples	Free	no deps
cambio-image-democambio-image-demo	delta-components	Examples	Free	no deps