Chip Row

Inline horizontal chip group with semantic variants. Each chip carries a small monospace label prefix + value, rendered as an inline-flex element with constrained height and consistent border-radius.

Live previewrendered from recipe via {tokens} resolution
default
chip-row{{value}}

Generic categorisation chip.

primary
chip-row{{value}}

Primary semantic anchor.

accent
chip-row{{value}}

Classification-domain chip.

neutral
chip-row{{value}}

Mode or state chip.

warning
chip-row{{value}}

Warning / regulation-attached chip.

success
chip-row{{value}}

Verified / pass state chip.

ARIA notes

Chips are presentational by default. If a chip is interactive (toggleable filter), use role='checkbox' or role='button' with aria-pressed. Static chips carry no role override — inline text is sufficient.

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

Recipe is at /api/components/chip-row.json.