Shadcn Combobox Lead 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

• Assigning work to 1 person, with an invite row for new users: use the Combobox Assignee 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

• ComboboxGroup gets the full teamMembers array, so typing in ComboboxInput never hides a member row
• isCurrentUser adds the You suffix to one row of teamMembers; set it from your signed in user
• 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