Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA multi-select category tree that refuses a choice over the maximum, says how many are left and lists the picks as removable chips. Use this when an item may belong to a few categories but not many.
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 for tags, topics and listings where more than a few categories would dilute the result.
Do not use it when there is no limit (use tree-select with multiple) or when the limit differs per category.
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 | TreeNode[] | - | The category tree. |
max | number | - | The most picks allowed. |
value / defaultValue / onValueChange | string[] | [] | Chosen leaf ids. |
label | string | "Categories" | Field label. |
role="alert" message linked to the select with aria-describedby.The pattern ships with a Testing Library test (limited-multi-category.test.tsx) that covers the count, a refused pick, removal and a refused branch.