ComponentsPrimitivesCard
Card
Composable card primitives for grouped content.
1 file
Loading documentation…
Cards are composable rather than configuration-heavy. Use only the subcomponents you need.
The exported primitives are Card, CardHeader, CardTitle, CardDescription, CardContent, and CardFooter.
Because each primitive forwards normal div props, product code can add layout utilities, data attributes, and event handlers without an extra abstraction.
Cards should group related content. Avoid wrapping every section in a card simply to create visual separation; whitespace and headings are usually cheaper and clearer.