Displays a card with header, content, and footer.
npx shadcn@latest add @kanpeki/card
import { Card } from "~/components/ui/card"; <Card.Root> <Card.Header> <Card.Title>Card Title</Card.Title> <Card.Description>Card Description</Card.Description> <Card.Action>Card Action</Card.Action> </Card.Header> <Card.Content> <p>Card Content</p> </Card.Content> <Card.Footer> <p>Card Footer</p> </Card.Footer> </Card.Root>
On This Page
Contribute