Card
content-awareA surface for grouped content. Compose with Header, Title, Description, Content, Footer.
Pro plan
Premium blocks and themes.
$96 once. Lifetime.
Installation
$pnpm dlx disenio add cardUsage
example.tsx
import { Card, CardHeader, CardTitle, CardContent, CardFooter } from "@/components/ui/card";Anatomy
| Prop | Type | Default | Description |
|---|---|---|---|
| Card | div | — | Outer surface. Forwards all div props. |
| CardHeader | div | — | Section above the divider for title/description. |
| CardTitle | h3 | — | Heading text. |
| CardDescription | p | — | Subtitle text. |
| CardContent | div | — | Main body region. |
| CardFooter | div | — | Section below a divider for actions. |