Header
Body
Card
Examples
Card Props
The Card component accepts the following props.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| children | any | null | content rendered inside the Card | |
| className | string | '' | additional classes added to the Card | |
| component | custom | 'article' | Sets the base component to render. defaults to article |
CardHeader Props
The CardHeader component accepts the following props.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| children | any | null | ||
| className | string | '' | ||
| component | custom | 'div' |
CardBody Props
The CardBody component accepts the following props.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| children | any | null | content rendered inside the Card Body | |
| className | string | '' | additional classes added to the Card Body | |
| component | custom | 'div' | Sets the base component to render. defaults to div |
CardFooter Props
The CardFooter component accepts the following props.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| children | any | null | content rendered inside the Card Footer | |
| className | string | '' | additional classes added to the Footer | |
| component | custom | 'div' | Sets the base component to render. defaults to div |