MARKETPLACE
PLUGINS
UI SEARCHABLE DROPDOWN
UI Searchable Dropdown logo

UI Searchable Dropdown

Published February 2025
   •    Updated January 2026

Plugin details

Dropdown with Search Option Plugin
This plugin provides a customizable dropdown input with an integrated search feature, allowing users to easily find and select options from a list.

Key Features:
Searchable Dropdown: Users can quickly search and filter options in real-time.
Initial Value: Set a default value to be displayed when the dropdown is first loaded.
Customizable Label: Add a label above the input with customizable color to enhance usability and design consistency.
Dynamic Options List: Populate the dropdown with a dynamic list of items from your Bubble database.
Disabled State: Make the dropdown read-only when needed.
Ideal Use Cases:
Selection forms with long lists of options (e.g., categories, countries, or procedures).
User-friendly interfaces requiring quick search and selection.
Enhance your Bubble application with this efficient and elegant dropdown with search capability!


Demo and app editeur: https://bubble.io/page?id=dropdown-outlined&tab=Design&name=index

$10

One time  •  Or  $4/mo

5.0 stars   •   1 ratings
15 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Hara nocode logo
Hara nocode
Joined 2024   •   8 Plugins
View contributor profile

Instructions

Plugin Configuration This plugin allows you to create a customizable input with the following options:

initial_value:

Sets the initial value displayed in the input field.
This value is typically the first item from the list selected in the options_list.
label_name:

Defines the label displayed above the input field.
This label helps users understand the purpose of the field.
label_color:

Sets the color of the label text.
Choose any color to match your design style.
options_list:

Select a list of items to populate the input's dropdown options.
This list can be dynamically loaded from your Bubble database or manually defined.
disabled:

Disables the input field when checked.
Use this option when you want the field to be non-editable.
Example Usage:
options_list: Choose a list of procedures or categories.
initial_value: Set the default selection, such as the first item in the list.
label_name: Enter a descriptive label like “Validation Procedure.”
label_color: Set to #808080 for a neutral gray look.
disabled: Check this option if the field should be read-only.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Blog   •   Productivity   •   Technical   •   Analytics   •   Data (things)   •   Input Forms

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Good & easy
March 22nd, 2025
Bubble