Components
Card
A container for grouping and displaying related content or actions.
Users
Manage user accounts and permissions.
Installation
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
Total Sales
$75,890.75
+128% from June
API Reference
Standard element attributes are forwarded to the underlying component in addition to the props below.
| Prop | Type | Default | Description |
|---|---|---|---|
unstyled | boolean | false | Opt out of the default styles to fully customize the component. |
classNames | object | — | Override classes per slot (see Style Slots below). |
className | string | — | Additional classes for the root element. |
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. |