Components
Card
Bordered white surfaces and subtle headers for grouped information.
Company details
- Business name
- Northstar Studio
- Category
- Design
- hello@example.com
- Status
- Active
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 |
|---|---|---|
| className | string | — |
| children | ReactNode | — |
Primitives also accept their underlying HTML or Radix props. Full types are included with the package.
Behavior & accessibility
- Default radius is 13px; use className to compose the source's 6px or 8px card variants.
Reference
Dashboard and business information dialog