A fully functional combobox for multi-selecting items.

Technical Details

  • Right now, this is the best version of a combobox we can come up with. It's not perfect, but it's pretty good and accessible.
  • You can fully operate it with the keyboard.

Dependencies

  • Alpine.js - Some or all of the components require Alpine.js for functionality.
  • Alpine.js Focus Plugin - You should also consider adding the focus plugin for better focus management.

For this component there are some extra variables at the config page like you see it below.

scss
$colors: (
'combobox': (
'item-background': hsl(262deg 71% 98%),
'item-foreground': hsl(262deg 71% 49%),
),
),