2018-08-31 20:13:20 +00:00
|
|
|
`Card` (component)
|
|
|
|
|
==================
|
|
|
|
|
|
|
|
|
|
A basic card component with a header. The header can contain a title, an action, and an `EllipsisMenu` menu.
|
|
|
|
|
|
|
|
|
|
Props
|
|
|
|
|
-----
|
|
|
|
|
|
|
|
|
|
### `action`
|
|
|
|
|
|
|
|
|
|
- Type: ReactNode
|
|
|
|
|
- Default: null
|
|
|
|
|
|
|
|
|
|
One "primary" action for this card, appears in the card header.
|
|
|
|
|
|
|
|
|
|
### `className`
|
|
|
|
|
|
|
|
|
|
- Type: String
|
|
|
|
|
- Default: null
|
|
|
|
|
|
|
|
|
|
Additional CSS classes.
|
|
|
|
|
|
2019-06-12 22:55:19 +00:00
|
|
|
### `description`
|
|
|
|
|
|
|
|
|
|
- Type: One of type: string, node
|
|
|
|
|
- Default: null
|
|
|
|
|
|
|
|
|
|
The description displayed beneath the title.
|
|
|
|
|
|
|
|
|
|
### `isInactive`
|
|
|
|
|
|
|
|
|
|
- Type: Boolean
|
|
|
|
|
- Default: null
|
|
|
|
|
|
|
|
|
|
Boolean representing whether the card is inactive or not.
|
|
|
|
|
|
2018-08-31 20:13:20 +00:00
|
|
|
### `menu`
|
|
|
|
|
|
|
|
|
|
- Type: (custom validator)
|
|
|
|
|
- Default: null
|
|
|
|
|
|
|
|
|
|
An `EllipsisMenu`, with filters used to control the content visible in this card
|
|
|
|
|
|
|
|
|
|
### `title`
|
|
|
|
|
|
|
|
|
|
- Type: One of type: string, node
|
|
|
|
|
- Default: null
|
|
|
|
|
|
|
|
|
|
The title to use for this card.
|
|
|
|
|
|
