Card
A flexible container for grouping related content with an optional header, body, and footer.
Default
Card Title
A short description of the card content.
This is the main content area of the card. It can contain any content.
Minimal
A simple card with just content and padding.
Usage
Use cards to group related information into a visually distinct container.
Compose with CardHeader, CardContent, and CardFooter for structured layouts, or use a simple Card with padding for minimal needs.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes on the card container |
| children | ReactNode | — | Card content (CardHeader, CardContent, CardFooter) |