Tag Picker

Multi-select field that shows choices as dismissible tags inside a combobox control.

Options must be declared as TagPickerOption children — ad-hoc tags typed without a matching option are not supported. Bind selected keys with TagPickerBind, group selected tags in TagPickerGroup, and use TagPickerOptionGroup for labeled sections. For strict multi-select without tag UI use Combobox.

  • Multi-select from a fixed, predefined option list
  • Filter or category pickers with removable selected tags
  • Forms where users pick multiple labeled values from known options
  • Bind selected option keys via TagPickerBind.
  • Render selected tags inside TagPickerGroup from the bound values.
  • Add TagPickerOption or TagPickerOptionGroup children for the dropdown list.
Default tag picker

Multi-select combobox with removable tag chips and type-to-filter options from a predefined list.

Preselected values

Starts with tags already selected from the bound value list—common for edit forms with existing filters.

Apple
Keyboard selection

Arrow keys and Enter add options from the dropdown without leaving the keyboard.

Dismiss selected tag

Tag chip dismiss removes the value from the bound selection without opening the option list.

AlphaBeta
Disabled option

Individual options can be marked disabled to block selection while still showing the label.

Option groups

Groups options under labeled headings so long tag lists stay scannable.

Extra-large size

Extra-large control preset for prominent filter or category pickers in spacious layouts.