Skip to main content
CategoryChip
ImplementedOne primary event-category filter chip (SEARCH-03). Presentation only: composes the Chip atom, so it inherits the native-button contract, aria-pressed, the 44px tap target and the theme-stable selected colours. Data, i18n and routing live in the consumer.
Categorymolecules
Source
components/molecules/CategoryChip/CategoryChip.tsxProps
Preview
CategoryChip
Prop
Type
Required
Default
Description
labelstringRequired
—Visible chip label (localized by the consumer).
selectedbooleanRequired
—Controlled selection; forwarded as aria-pressed.
onSelect() => voidRequired
—Toggle handler.
size"sm" | "md"Optional
"sm"Chip size token.
disabledbooleanOptional
falseDisables the chip (e.g. at a selection cap).
classNamestringOptional
—Utility class passthrough.
Quick use:
<CategoryChip />Accessibility
ARIA rolebutton