#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>

<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.

Default Card

Default Card One

extra header

footer content

extra footer content

Full-width Card example

Full width Card

this is extra

This is content of `Full width Card`

footer content

extra footer

#API

#Card

#Card.Header

#Card.Body

#Card.Footer