Components

Card

Style Source

A container for grouping and displaying related content or actions.

Users
Manage user accounts and permissions.

Installation

NPM packages are currently unstable and may cause issues. Use it at your own risk.
npm install @mijn-ui/react-card
import {
  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

Card Style Slots

Slot NameTargeted ComponentPurpose
baseCardStyles the root card component.
headerCardHeaderStyles the card header.
contentCardContentStyles the card content area.
footerCardFooterStyles the card footer.
titleCardTitleStyles the card title.
descriptionCardDescriptionStyles the card description text.
Edit on GitHub

Previous

Calendar

Next

Chart

On this page