Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA tag button that opens a popover with suggestions and a field, keeps open for the next tag and refuses blank and duplicate tags with an announced message.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this on rows, cards and detail panels where tags are secondary: add one or two tags without a full editing mode.
Do not use it for large tag sets or tags that need creation rights; use a combobox. It does not remove tags: pair it with removable badges when needed.
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 |
|---|---|---|---|
tags | string[] | - | Current tags. |
onTagsChange | (tags: string[]) => void | - | Called with the new list. |
suggestions | string[] | [] | Quick-add buttons; used tags are hidden. |
group of buttons; used tags are removed from it, so nothing can be added twice.status, errors in an alert.| Key | Action |
|---|---|
| Enter in the field | adds the tag |
| Tab | moves to the suggestions |
| Escape | closes |
The pattern ships a Testing Library test (popover-quick-add-tag.test.tsx) that covers filtered suggestions, adding by click and Enter, announcements and blank or duplicate tags.