Card.
Composable surface with header, body, descriptions and footer.
Your workspace
Everything at a glance.
One thoughtful surface, ready for your content.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
children | ReactNode | No | — | — | Card body and optional CardHeader/CardContent/CardFooter slots. |
tone | "default" | "muted" | "inset" | No | default | default · muted · inset | Surface background treatment. |
className | string | No | — | — | Additional CSS classes. |