Passer au contenu principal
CategoryFilter
DeprecatedHorizontal scrollable row of category chips — Music, Sports, Comedy, Theater, Festivals, Family. Multi-select for filtering event grids. Superseded by filterchipgroup.
Categorymolecules
Source
patterns/molecules/categoryfilter.htmlAI HintUse for grouped UI patterns. Combine atoms into functional units.
Multi-select category filter.
CategoryFilter
Navigation — Family 5
Multi-select category filter.
Usage
Multi-select category filter. Refer to the DS component index for full prop details.
import { CategoryFilter } from '@epasslive/design-system'Props
Preview
CategoryFilter
Prop
Type
Required
Default
Description
categoriesCategory[]Required
—3-12 categories
selectedIdsstring[]Required
—No description.
onSelectionChange(ids: string[]) => voidRequired
—No description.
Quick use:
<CategoryFilter />Accessibility
ARIA rolegroup
Type
1 ruleARIA
1 ruleUsage
Import
tsxSnippet
import { CategoryFilter } from "@epasslive/design-system"Example 1
tsxSnippet
<CategoryFilter />Example 2
tsxSnippet
<CategoryFilter variant="default" />Anti-patterns
— Do not hardcode data in molecules
— Avoid complex business logic in molecules