CityChip

Implemented

One 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

Sourcecomponents/molecules/CityChip/CityChip.tsx

Catalog fallback

Live MDX preview not available for CityChip. Showing component catalog metadata instead.

Props

Preview

CityChip

Prop

Type

Required

Default

Description

label

string

Required

—

City display name.

selected

boolean

Required

—

Controlled selection; forwarded as aria-pressed.

onToggle

() => void

Required

—

Toggle handler.

count

number

Optional

—

Optional result count, announced as “Montréal, 6 results”.

size

"sm" | "md"

Optional

"sm"

Chip size token.

disabled

boolean

Optional

false

Disables the chip (selection cap).

className

string

Optional

—

Utility class passthrough.

Quick use:<CityChip />

Accessibility

ARIA rolebutton

Props

CityChip

Accessibility

ARIA

a11y