Card
A container for grouping related content with optional header and footer.
Default
Card Title
This is the card content. You can put anything here.
Variants
Outline
Filled
Elevated
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "outline" | "filled" | "elevated" | "outline" | The visual style. |
CardHeader Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Header content. |
| className | string | — | Additional CSS classes. |
Accepts all standard HTML div attributes.
CardBody Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Body content. |
| className | string | — | Additional CSS classes. |
Accepts all standard HTML div attributes.
CardFooter Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Footer content. |
| className | string | — | Additional CSS classes. |
Accepts all standard HTML div attributes.