Cards

My bank loves me. They told me my credit card balance is outstanding!

Standard cards

Used for grouping and displaying content. Cards incorporate tangible layers, with various elements like text, images, and action buttons encapsulated within it.

Filled card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Elevated card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Outlined card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

--clickable class

Add the --clickable class to any card to add a hover and click effect. Typically, you might couple this with --ripple to create a fully-interactive link block.