Card

Useful to group information and actions about a single subject.

Card heading

Card copy

Props

PropTypeDescription
childrenReactNodeThe content to render
variantnormal | shadow | ghostThe variant to apply

This component supports all common props.

Examples

Variants

There are 3 variants to choose from.

Shadow card

Card copy

Ghost card

Card copy