Table of Contents#
- Default Card
- With Header and Footer
- Simple Card
- Interactive Card
- Card Props
- CardHeader Props
- CardTitle Props
- CardDescription Props
- CardContent Props
- CardFooter Props
Default Card#
With Header and Footer#
Simple Card#
Interactive Card#
Card Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | Additional CSS classes to apply to the card | |
| children | React.ReactNode | The content of the card |
CardHeader Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | Additional CSS classes to apply to the card header | |
| children | React.ReactNode | The content of the card header |
CardTitle Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | Additional CSS classes to apply to the card title | |
| children | React.ReactNode | The content of the card title |
CardDescription Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | Additional CSS classes to apply to the card description | |
| children | React.ReactNode | The content of the card description |
CardContent Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | Additional CSS classes to apply to the card content | |
| children | React.ReactNode | The content of the card content area |
CardFooter Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | Additional CSS classes to apply to the card footer | |
| children | React.ReactNode | The content of the card footer |