/api /r tokens.json GitHub

Empty State Card

Dashed-border card for surfaces with no data yet. Title in display-serif; body in body-sans; optional inline links separated by whitespace (not bullets). Used for index pages with no entries, dashboard panels awaiting data, and search results with no matches.

Live previewrendered from recipe via {tokens} resolution

{{links}}
ARIA notes

The empty state card is a purely visual container. The heading and body are standard text. If the card replaces a live region (e.g. a search result list that becomes empty), wrap the card in an aria-live='polite' container so screen readers announce the state change.

The usage tab for this component is not yet authored. Creative Design Contributors — pick this up.

Recipe is at /api/components/empty-state-card.json.