card

Overview

A card component is used to group and organize related information in a visually cohesive manner.

Anatomy

Basic Usage

How to use this component

Padding

Ensure that there is a 24px padding surrounding both the card and the header, highlighting the card's content.

card_padding-min_(1).png

Interaction

We do not offer an interactable card as it lacks visual affordance. Use the link or button if you want to make the component inter-actable.

card_interaction-min_(1).png