Link to the plugin page: will be late
Demo to preview the plugin:
Introduction
The Simple Dropdown plugin lets you quickly add a clean, customizable dropdown menu to your Bubble app. Designed for simplicity, it provides an easy way to collect choices, filter data, or streamline user inputs.
With lightweight setup and seamless Bubble integration, it’s a no-frills solution for apps that need dropdowns without extra complexity.
Prerequisites
This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at: https://testflight.apple.com/join/kW1puGu7
Please note that the testing app is currently available for iOS only.
How to setup
Plugin Element - Dropdown Element
Fields
Name | Description | Type |
Items | The list of options to display in the dropdown menu | Text |
Initial Selected Value | The initial selected value | Text |
Placeholder | Text displayed when no option is selected | Text |
Focus Color | Border color when the dropdown is open/focused | Color |
Border Color | Border color when the dropdown is closed/unfocused | Color |
Border Radius | Corner rounding of the dropdown button | Number |
Background Color | Background color of the dropdown button | Color |
Text Color | Color of the selected value text and dropdown arrow | Color |
Exposed states
Name | Description | Type |
Selected Value | The currently selected value | Text |
Is Focused | Whether dropdown is focused | Yes/No |
Element Events
Name | Description |
Value Changed | Triggered when selection changes |
Focused | Triggered when dropdown receives focus |
Blurred | Triggered when dropdown loses focus |
Value Cleared | Triggered when dropdown value is cleared |
Workflow example
Here are some basic workflow examples to get you started with the Simple Dropdown Free For Bubble Mobile plugin: