UI
← Home

Multi Combobox

A token autocomplete: type to filter the popup, and choose an option to add it as a removable chip (which removes it from the list). Remove a chip with its button, or press Backspace on an empty input to remove the last one. It combines the editable Combobox with the Tag Input into the multi-select autocomplete used across modern forms.

  • Axe
  • Focus
  • Escape
  • Paste

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/multi-combobox.json

Conformance

Verified against the @publictheta/ui-spec multi-combobox specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations
  • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)
  • Escape — Escape dismisses the open overlay
  • Paste — A paste lands: the widget takes the richest flavour it understands, never injects markup it did not ask for, and pastes as plain text on Shift+Cmd/Ctrl+V

See the full conformance matrix across all components.