A common container component.
Show different states with colors.
Show different types of content using Divider
Card.Props
Attribute | Description | Type | Accepted values | Default |
---|---|---|---|---|
hoverable | add effect on hover | boolean | - | false |
shadow | show shadow | boolean | - | false |
type | card type | CardType | - | default |
... | native props | HTMLAttributes | 'id', className', ... | - |
Card.Content.Props
[alias: Card.Body
]Attribute | Description | Type | Accepted values | Default |
---|---|---|---|---|
... | native props | HTMLAttributes | 'id', className', ... | - |
Card.Footer.Props
[alias: Card.Actions
]Attribute | Description | Type | Accepted values | Default |
---|---|---|---|---|
disableAutoMargin | cancel automatic margin value | boolean | - | false |
... | native props | HTMLAttributes | 'id', className', ... | - |
CardType
type CardType =
| 'default'
| 'secondary'
| 'success'
| 'warning'
| 'error'
| 'dark'
| 'lite'
| 'alert'
| 'purple'
| 'violet'
| 'viridian'