Card
No consumersA bordered surface grouping related content, with optional header and footer.
Cards are borderless and shadowless here — they are separated from the page by being a step lighter than it, not by a rule or a drop shadow. If you find yourself adding a border to a Card, the surface underneath is probably wrong.
Default
Six parts, all optional except the Card itself. CardTitle renders a heading, so keep the document outline in mind when nesting cards inside a page that already has one.
Custom domain
Point your own domain at this project.
No domain is connected yet.
Content only
Anything that benefits from its own surface.
Props
Card
| Prop | Type | Default | Description |
|---|---|---|---|
…HTMLAttributes | HTMLAttributes<HTMLDivElement> | — | No component-specific props. `CardHeader`, `CardContent` and `CardFooter` are the same. |