[NEW PLUGIN] Combobox (Searchable Dropdown)

Showcase Plugins
1

Hi Bubblers!

I’m excited to share my new plugin – a flexible and fully customizable searchable dropdown (combobox) powered by the Ariakit library.

:magnifying_glass_tilted_left: Demo page: Combobox (Searchable dropdown)
:pencil: Editor page: tomo-plugins | Bubble Editor
:package: Plugin page: Combobox (Searchable dropdown) Plugin | Bubble

output

It supports grouping, images, custom styles, and full keyboard navigation – perfect for everything from sleek modern UIs to complex internal tools.

:bullseye: Key Features:

  • Fully searchable with keyboard navigation support
  • Grouped items (e.g., Fruits, Vegetables)
  • Image thumbnails next to each option
  • Completely customizable styles (border, padding, radius, shadows…)
  • Built using Ariakit Combobox for accessibility and performance
2 Likes
2

congrats look like a great ui tweak

1 Like
3

Hi Bubblers!
I’d like to share the latest updates to the combobox plugin!

:white_check_mark: Include Empty Item Option Added
・You can now choose how to display an empty item:
– always: always show
– whenSelected: show only when selected
– none: do not show

:white_check_mark: Style Settings for Empty Item
・You can now customize the empty item’s text, text color, border bottom color, and border bottom style

:white_check_mark: Set Focus Support Added
・You can now toggle the popover on/off via a set focus setting
※ For the selectWithCombobox mode, the popover is always enabled

:white_check_mark: Dynamic z-index for Popover
・The z-index of the popover can now be set dynamically

output

:magnifying_glass_tilted_left: Try the demo here:
Combobox (Searchable dropdown)

Let me know what you think—or if there’s anything you’d like to see added next! :blush:

1 Like