Card
A composable container with header, content, and footer regions.
A composable container with header, content, and footer regions.
Create project
Deploy your new project in one-click.
tsx
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle,} from "@celestia-project/ui/primitive/card"
<Card> <CardHeader> <CardTitle>Create project</CardTitle> <CardDescription>Deploy your new project in one-click.</CardDescription> <CardAction>{/* optional action button */}</CardAction> </CardHeader> <CardContent>{/* body content */}</CardContent> <CardFooter>{/* footer actions */}</CardFooter></Card>| Component | Purpose |
|---|---|
Card | Root container (accepts size="default" | "sm") |
CardHeader | Title/description region |
CardTitle | Heading text |
CardDescription | Supporting text |
CardAction | Top-right action slot |
CardContent | Body region |
CardFooter | Bottom action region |