Card

Content displayed in a nice colored card like container.

Regular

EXAMPLE

Default Card

This is the content of the card

<Card>
<CardHeader
<h5>Default Card<h5>
</CardHeader>
<CardContent>
<h5>This is the content of the card<h5>
</CardContent>
</Card>

Color

Change the color of the card by passing a theme color to the CardHeader.

EXAMPLE

Default Card

This is the content of the card

<Card>
<CardHeader color="orange">
<h5>Default Card<h5>
</CardHeader>
<CardContent>
<h5>This is the content of the card<h5>
</CardContent>
</Card>

API

NameTypeDefaultDescription
childrennodeThis includes both the CardHeader and CardContent as shown above.
colorstringPass in a theme color to the CardHeader in order to change the color.