/api /r tokens.json GitHub

Country Filter Chips

Horizontal radiogroup of country chips that filter map data and flyTo the selected country's bounds. Default state is ALL (no filter, world view). Single exclusive selection; future multi-select variant planned. Reference implementation: gis.woodfinegroup.com (v0.1.94).

Live previewrendered from recipe via {tokens} resolution
default

Exclusive selection (radiogroup). Current GIS use.

multi-select

Multiple chips active simultaneously. role=group + aria-pressed replaces radiogroup + aria-checked. Decision pending first multi-select use-case.

ARIA notes

role='radiogroup' on container with aria-label. role='radio' + aria-checked on each chip (not aria-pressed — exclusive selection). Flag emoji is supplementary; ISO code is always rendered as text fallback. Selected state: background + border + aria-checked (not colour alone). Min touch target 44px tall (WCAG 2.2 AAA).

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

Recipe is at /api/components/country-filter-chips.json.