All components
Surfaces
CardHeader
beta
Since 1.1
Header slot for a Card: optional leading media, title + description, and trailing actions.
Surfaces
primitive
Display
Documented
import { CardHeader } from '@ivim/native/components';
When to use
Use when
A Card needs a consistent title row with actions.
Don't use when
The card is a single stat — use Metric.
Example
Preview
Code
CT
Care plan
Updated a few minutes ago
Card body content sits below the header.
Accessibility
Roles and screen-reader behavior this component provides, plus keyboard interactions.
•
Title uses heading semantics.
State coverage
Interaction and visual states this component supports.
base
semantic color
density
Token references
Semantic design tokens this component page exercises. Tap one to edit it live.
Related components
Components that solve adjacent problems or compose with this one.