Patterns
Identity card
A brand-configurable identification-card composition.
Acme Network
Alex Morgan
Professional member
ACME-000001
Active member
Interactive local example · fictional data
The Code tab contains this preview’s complete source, including sample data and interaction state. Load the package stylesheet and Switzer font as described in the installation guide. Additional layout utilities require Tailwind CSS in your application.
API reference
| Prop | Type | Default |
|---|---|---|
| organization / name | string | required |
| designation / memberId | string | required |
Primitives also accept their underlying HTML or Radix props. Full types are included with the package.
Behavior & accessibility
- Organization-specific printed artwork, QR data, and personal records are not part of the component library.
Reference
ID card layout, adapted without organization artwork