In the last major update, component was divided into two parts:
Body. It was done to make it easier to use the component. Also,
Card now has a white background.
Card is a component for visually grouping data and other components into widgets.
Component consists of the following:
For the card title use 16px text (
The card may have a description. It usually contains an explanation of what the data is based on, interesting insight/advice on the visualized data, etc.
Margins and paddings
You can divide content into sections if needed.
By default, the card is non-clickable. But you can use
--intergalactic-box-shadow-card-hover token for hover state and make title a clickable link if necessary.