Project Name:

Usage

Example Code

1import {
2Card,
3CardContent,
4CardDescription,
5CardFooter,
6CardHeader,
7CardTitle,
8} from "inc-design-system/card";

Example Code

1<Card className="w=[300px]">
2  <CardHeader>
3    <CardTitle>Card Title</CardTitle>
4    <CardDescription>
5      This is a card description that can be used to describe the card.
6    </CardDescription>
7  </CardHeader>
8  <CardContent className="space-y-1">
9    This is the content of the card.
10  </CardContent>
11  <CardFooter>This is the footer of the card.</CardFooter>
12</Card>

Props

Card

Prop	Type	Description	Default
className	string	Additional class name for styling purposes.	-

CardHeader

Prop	Type	Description	Default
className	string	Additional class name for styling purposes.	-

CardTitle

Prop	Type	Description	Default
className	string	Additional class name for styling purposes.	-

CardDescription

Prop	Type	Description	Default
className	string	Additional class name for styling purposes.	-

CardContent

Prop	Type	Description	Default
className	string	Additional class name for styling purposes.	-

CardFooter

Prop	Type	Description	Default
className	string	Additional class name for styling purposes.	-