Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA horizontally scrolling row of single-choice category chips with an "All" chip, arrow-key movement, a selected state and the current category announced. Use this when a phone list or feed is filtered by one category at a time and the choices should stay visible above it.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when a phone list or feed is filtered by one category at a time and the choices should stay visible above it.
Do not use it for many categories (use a picker sheet) or for combining several filters at once.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
categories | { id: string; label: string }[] | required | The categories. An "All" chip is added first. |
value | string | "all" | Selected category id. |
onValueChange | (id: string) => void | required | Called on choosing. |
The pattern ships with a Testing Library test (category-chips-picker.test.tsx) that drives it through roles and the keyboard.