Card
Generic content surface with padding, variant, and elevation.
Use Card to group related content on a non-interactive surface, choosing fixed tokenized padding that stays inside its container.
Interactive example
Loading interactive example
API
Inherited prop contracts
Omit<HTMLAttributes<HTMLDivElement>, 'children'>Props from this native base are accepted except the listed members.
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
border | boolean | prop | No | undefined |
children | Snippet | snippet | No | undefined |
elevation | CardElevation | prop | No | 'none' |
overflow | 'visible' | 'hidden' | prop | No | 'visible' |
padding | CardPadding | prop | No | 'md' |
variant | CardVariant | prop | No | 'surface' |
Examples
Source
Loading source