# 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.

## API

The package declarations define these public members.

### Inherited prop contracts

- `Omit<HTMLAttributes<HTMLDivElement>, 'children'>` — Props from this native base are accepted except the listed members.

| Member | Type | Kind | Required | Default | Description |
| --- | --- | --- | --- | --- | --- |
| `border` | `boolean` | prop | No | `undefined` | Show the 1 px border. Defaults true for `surface`/`canvas`, false for filled variants. |
| `children` | `Snippet` | snippet | No | `undefined` | No additional description. |
| `elevation` | `CardElevation` | prop | No | `'none'` | Elevation step from the shadow scale. |
| `overflow` | `'visible' \| 'hidden'` | prop | No | `'visible'` | Clip overflowing children at the rounded corner (use for media zones). |
| `padding` | `CardPadding` | prop | No | `'md'` | Fixed inner padding scale from `none` to `lg`. |
| `variant` | `CardVariant` | prop | No | `'surface'` | Background + foreground recipe. |

## Related

- [Provider](/docs/components/provider): Installs theme variables, utility CSS, scope boundaries, and overlay portal context.
- [Accordion](/docs/components/accordion): Single or multiple disclosure panels.
- [Collapsible](/docs/components/collapsible): Single disclosure region with panel and plain presentations and measured-height animation.