Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA field that shows chosen tags as removable chips and opens a multi-select bottom sheet with a Done button that reports how many were picked. Use this when a phone form needs several values from a fixed list, such as interests, skills or labels.
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 form needs several values from a fixed list, such as interests, skills or labels.
Do not use it for free-form tags the person types themselves (use a tag input) or for a single choice.
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: string; label: string }[] | required | Allowed tags. |
value | string[] | required | Chosen tags. |
onValueChange | (value: string[]) => void | required | Called when the selection changes. |
label | string | "Tags" | Field label. |
Remove {tag}, so removal does not need the sheet.The pattern ships with a Testing Library test (tag-multi-picker.test.tsx) that drives it through roles and the keyboard.