Card

A flexible container component for grouping related content into a distinct visual surface, composed with CardHeader, CardContent, and CardFooter.

Installation

npx dafink-ui add card

Demo

Project summary

Everything is on track for the Q3 launch. Three tasks remain open.

Composition

<Card>
<CardHeader />
<CardContent />
<CardFooter />
</Card>

Props

NameTypeDefaultDescription
variant"default" | "elevated" | "outline""default"Visual style of the card surface.
classNamestring""Additional Tailwind classes merged onto the root div.