Card

a card is a container of information that provides access to more details

Header
Body

Theme

card.container

Any valid Box prop for the Card container.
{"round": "small", "elevation": "small"}

card.header

Any valid Box prop for the CardHeader.
{}

card.body

Any valid Box prop for the CardBody.
{}

card.footer

Any valid Box prop for the CardFooter container.
{}

CardHeader

the card header

CardHeader is a Header. You can customize it using the properties available in Header.

    CardBody

    the body of the card

    Mostly used for placing content.

    CardBody is a Box with the following properties preset. You can customize it using the properties available in Box.

    CardFooter

    the card footer

    CardFooter is a Footer. You can customize it using the properties available in Footer.