Skip to main content
CityChip
ImplementedOne city in the multi-select city facet (SEARCH-05). Presentation only: composes the Chip atom and optionally announces the result count. Cookie, URL and navigation stay in the consumer.
Categorymolecules
Source
components/molecules/CityChip/CityChip.tsxProps
Preview
CityChip
Prop
Type
Required
Default
Description
labelstringRequired
—City display name.
selectedbooleanRequired
—Controlled selection; forwarded as aria-pressed.
onToggle() => voidRequired
—Toggle handler.
countnumberOptional
—Optional result count, announced as “Montréal, 6 results”.
size"sm" | "md"Optional
"sm"Chip size token.
disabledbooleanOptional
falseDisables the chip (selection cap).
classNamestringOptional
—Utility class passthrough.
Quick use:
<CityChip />Accessibility
ARIA rolebutton