Card
bundui/card-with-headerFreeComponent
Displays a card with header, content, and footer.
Live preview
live · rendered by the registry
Rendered by bundui on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://bundui.io/r/card-with-header.jsonSource
1import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";23export default function CardDemo() {4 return (5 <Card className="w-full max-w-sm">6 <CardHeader>7 <CardTitle>Card Title</CardTitle>8 </CardHeader>9 <CardContent>10 <p className="text-sm">This is the card content. Other content is added here.</p>11 </CardContent>12 </Card>13 );14}
What it pulls in
Other registry items
Files it writes
More from bundui
All 217 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion-collapsible | bundui | Components | Free | no deps · 2 files | |
| Accordionaccordion-default | bundui | Components | Free | no deps | |
| Accordionaccordion-with-plus-icon | bundui | Components | Free | 2 deps | |
| Alertalert-danger | bundui | Components | Free | 1 dep | |
| Alertalert-default | bundui | Components | Free | no deps | |
| Alert Dialogalert-dialog | bundui | Components | Free | no deps | |
| Alertalert-success | bundui | Components | Free | 1 dep | |
| Alertalert-warning | bundui | Components | Free | 1 dep |
