Basic Examples

Cards may contain a photo, text, and a link about a single subject. They may display content containing elements of varying size, such as photos with captions of variable length.

Supplemental actions within the card are explicitly called out using icons, text, and UI controls, typically placed at the bottom of the card.

Card image cap

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Vertical action sheet is also supported. Add .flex-column or .flex-column-reverse to convert a horizontal action sheet to a vertical one.

Card image cap

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.