Card
Displays a card with header, content, and footer.
Installation
›pnpm dlx shadcn@latest add @evolphin/card
Usage
import {
Card,
CardContent,
CardDescription,
CardFooter,
CardHeader,
CardTitle,
} from "@/components/ui/card";<Card>
<CardHeader>
<CardTitle>Card Title</CardTitle>
<CardDescription>Card Description</CardDescription>
</CardHeader>
<CardContent>
<p>Card Content</p>
</CardContent>
<CardFooter>
<p>Card Footer</p>
</CardFooter>
</Card>Examples
Default
Create project
Deploy your new project in one-click.
API Reference
Card
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional CSS classes |
CardHeader
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional CSS classes |
CardTitle
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional CSS classes |
CardDescription
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional CSS classes |
CardContent
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional CSS classes |
CardFooter
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional CSS classes |