Behive Tech Component Registry

QR Card

v0.1.1Draft

A printable card with a title, blurb, QR code, the printed address and a footer: it fills its container on screen and prints at exactly 4 x 6 in.

pnpm add @behivetech/molecules.qr-card

Edit the code and the preview updates as you type. Every registry export is in scope — QrCard from this package, plus React hooks and every other component in the registry.

PlaygroundOpen in new tab
const BasicQrCard = () => (
  <QrCard
    title="Wi-Fi and the router"
    description="Join the network, then scan to see the full steps and the password."
    url="https://the-behive.com/q/K7M2QX9P"
    footer="The Behive"
  />
);

render(<BasicQrCard />);