Components
Card
A container for grouping and displaying related content or actions.
Loading...
Installation
NPM packages are currently unstable and may cause issues. Use it at your own risk.
npm install @mijn-ui/react-cardimport {
Card,
CardContent,
CardDescription,
CardFooter,
CardHeader,
CardTitle,
} from "@mijn-ui/react-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
Stats Card
Loading...
Product Card
Loading...
Card Style Slots
| Slot Name | Targeted Component | Purpose |
|---|---|---|
base | Card | Styles the root card component. |
header | CardHeader | Styles the card header. |
content | CardContent | Styles the card content area. |
footer | CardFooter | Styles the card footer. |
title | CardTitle | Styles the card title. |
description | CardDescription | Styles the card description text. |
