Shadcn Combobox Assignee Selection

When to use

• Form fields that pick one option by typing to search, such as a framework, timezone or country
• Fields holding several picks as chips, such as frameworks or team members with avatars
• Task property pickers opened from a button, such as status, priority, assignee, labels, team or due date

When not to use

• Several assignees at once summed up as stacked avatars: use the Combobox Member Selection example
• A short fixed list chosen from a button, with no typing to narrow it: use the Select component
• A free text field that suggests matches but keeps whatever was typed: use the Autocomplete component
• A complete signup or settings page with many fields and a submit row: use the Form blocks

Agent notes

• handleAssigneeChange returns early on the inviteOption row, so wire your invite flow there
• Both ComboboxGroup parts get fixed arrays, teamMembers and the invite row, so the search box narrows neither group
• Rows filter as the user types only when the function child of ComboboxList renders them; static ComboboxItem children always stay listed
• itemToStringValue sets only the submitted value; without itemToStringLabel, search matches an object item's label, else its value field, else its JSON
• Combobox parts take render in both twins, since both wrap @base-ui/react; asChild applies only to radix twin parts such as DialogTrigger and Button