Card
The Card component is used to display information.
1. Import
KUMUI exports 4 Alert-related components:
import { Card, CardHeader, CardTitle, CardContent } from "@rohitgadekar/kimui";
2. Usage
Card Title
Card content goes here.
3. API
3.1 Card
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Content inside the Card. This can include CardHeader, CardContent, CardFooter, etc. | - |
| className | string | Optional CSS class for custom styling. | - |
3.2 CardHeader
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Content inside the CardHeader, typically including CardTitle and CardDescription. | - |
| className | string | Optional CSS class for custom styling. | - |
3.3 CardTitle
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Content displayed inside the CardTitle. Typically, the main title of the card. | - |
| className | string | Optional CSS class for custom styling. | - |
3.4 CardDescription
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Content displayed inside the CardDescription. Provides additional information under the title. | - |
| className | string | Optional CSS class for custom styling. | - |
3.5 CardContent
| Attribute | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Main content inside the CardContent. Can be text, images, or other components. | - |
| className | string | Optional CSS class for custom styling. | - |