Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA multi-select filter in a menu with checkbox items that keep it open, per-option result counts and a trigger whose badge count is part of its accessible name.
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 this in the toolbar above a list or table for a filter with a handful of values: status, owner, priority.
Do not use it for single-choice filters (use a select or radio menu) or for dozens of values (use a searchable combobox).
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 |
|---|---|---|---|
options | { value, label, count? }[] | - | Filter values. |
selected | string[] | - | Chosen values. |
onSelectedChange | (selected: string[]) => void | - | Called on every change. |
label | string | Status | Trigger and menu label. |
menuitemcheckbox; result counts are plain text inside each item.| Key | Action |
|---|---|
| Space or Enter on an option | toggles it (the menu stays open) |
| Arrow keys and typeahead | move |
| Escape | closes |
The pattern ships a Testing Library test (menu-filter-status.test.tsx) that covers the count in the name, option counts, multi-select without closing and clearing.