Card
Displays a card with header, content, and footer sections.
Installation
npx shadcn add card --registry https://ui.ch.sh/r
Usage
import {
Card,
CardHeader,
CardTitle,
CardDescription,
CardContent,
CardFooter,
} from "@/components/ui/card"
export default function Example() {
return (
<Card>
<CardHeader>
<CardTitle>Create project</CardTitle>
<CardDescription>Deploy a new project in one click.</CardDescription>
</CardHeader>
<CardContent>
{/* form fields */}
</CardContent>
<CardFooter>
<Button>Deploy</Button>
</CardFooter>
</Card>
)
}