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

An instruction page card: title, blurb, code, printed address and a footer.

Basic Qr CardOpen in new tab

An artwork card with no footer.

Artwork Qr CardOpen in new tab

With neither description nor footer the code and its address sit in the middle.

Minimal Qr CardOpen in new tab

A long title and blurb clamp at two and three lines; the address is never cut.

Clamped Qr CardOpen in new tab

A value that cannot be encoded shows the dashed invalid box, still named for screen readers.

Invalid Qr CardOpen in new tab