Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA category field that offers the best matches for the item's title as one-click suggestions above a full tree select. Use this when people file things under a deep category tree and most would pick one of two or three obvious leaves.
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 listing forms, ticket routing and content tagging where a deep category tree slows people down.
Do not use it for shallow lists, or when the suggestion would decide for the person without showing them (always show the select, as here).
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<CategoryData>[] | - | The category tree. |
text | string | - | Text to match, usually the title. |
value / defaultValue / onValueChange | string | null | null | The chosen leaf id. |
label | string | "Category" | Field label. |
aria-pressed) in a labelled group, named with the full category path.The pattern ships with a Testing Library test (category-picker-with-suggestions.test.tsx) that covers matching, suggestion buttons and syncing with the select.