Primitive
CardHeader
Top-of-card layout that places a title on the left and an actions group on the right. Compose CardTitle for the heading text and CardActions for buttons or inputs (period selectors, download, etc.).
Preview
Cashflow
vs. $98,000 last year
Class
| Class | When applied |
|---|---|
.asset-card-header | Container — flex row with space-between for left title / right actions. |
.asset-heading | CardTitle — same uppercase tracked-out caps as the standalone Heading primitive. |
.asset-card-actions | Right-aligned cluster — flex row with 8px gap. |
CSS variables
Override these on any ancestor scope (or globally) to restyle this primitive. See the CSS Variables reference for the full token list and Theming for override patterns.
| Variable | Affects |
|---|---|
--asset-foreground | Title text color (via .asset-heading). |