Card
A card displays site content in a manner similar to a playing card.

Themed

This section is intended as a reference for specific use cases of components, or compositions of them, that are not covered in the component's default examples.

Types

Card

A card displays site content in a manner similar to a playing card.

You can also use props to configure the markup.

Cards

A group of cards.

You can also use props to configure the markup.

Content

Content Block

A card contains blocks of content.

Extra Content

A card can contain extra content meant to be formatted separately from the main content.

Image

A card can contain an image.

Header

A card can contain a header.

Variations

Fluid Card

A fluid card takes up the width of its container.

Colored

A card can specify a color.

Column Count

A group of cards can set how many cards should exist in a row.

Group Centered

A group of cards can center itself inside its container.

This is the bottom