A neutral card
Structural surface with composable content.
Website / Cards
Card
Generic structural content container.
Live example
Interactive preview using local sample data. Styling is intentionally left to the consuming project.
Usage
// Card usage will be documented here.Adopt to your project
This Website → Cards → Card component provides a neutral structural starting point. Adapt local visual presentation through documented props and className without changing its semantic purpose.
Accessibility
Use a semantic article or section when the content requires it.
API reference
| API focus |
|---|
| Padding, radius, tone, variant, semantic element, className. |
The preview uses safe local sample data. Check the exported TypeScript types before adapting it to project data.
Installation
Full library
pnpm install:project /absolute/path/to/your-project
Planned guided selection
Website → Cards → Card