Card
Card could be used to organize information and operations as an entry for detailed information.
<Card>
<Card.Header title="Default Card" extra={<span>extra header</span>} />
<Card.Body>
<div>This is content of `Default Card`</div>
</Card.Body>
<Card.Footer
content="footer content"
extra={<div>extra footer content</div>}
/>
</Card>
Example
Basic usage of Card component.
API
Card
| Properties | Description | Type | Default |
|---|
| full | whether is full width | boolean | false |
| Properties | Description | Type | Default |
|---|
| title | title for Card.Header | React.Element/String | |
| thumb | thumb to render in the left of Card.Header | React.Element/String | |
| thumbStyle | style of thumb | Object | {} |
| extra | extra content to render in the right of Card.Header | React.Element/String | |
Card.Body
| Properties | Description | Type | Default |
|---|
| - | - | - | |
| Properties | Description | Type | Default |
|---|
| content | content of Card.Footer | React.Element/String | |
| extra | extra content of Card.Footer | React.Element/String | |