Card
Demo
Card
Find in-depth information about this project
Card with description
Learn more about
Here is some content
Card with footer
Example content
Footer content
Props
| Prop | Type | Description |
|---|---|---|
title | string (optional) | The title of the Card, displayed in the header. |
description | string (optional) | A short description or summary for the Card, below the title. |
children | React.ReactNode | The main content of the Card. |
header | React.ReactNode (optional) | Content for the header of the Card. |
footer | React.ReactNode (optional) | Content for the footer of the Card. |
classNames | { [key: string]: string } (optional) | Custom class names for different parts of the Card. |
Styles
This component allows for custom styles via the classNames prop:
root: CSS class for styling the overall Card component.header: CSS class for styling the header of the card.title: CSS class for styling the title.description: CSS class for styling the description.content: CSS class for styling the main content area of the card.footer: CSS class for styling the footer of the card.