🛠 How to Use the Nice Select2 Plugin in Bubble Follow these simple steps to integrate and configure the Nice Select2 plugin in your Bubble app.

📌 Step 1: Add the Element to Your Page
In the Bubble Editor, go to the Design tab.
Drag and drop the Elegant Searchable Select element onto your page.
Resize and position it according to your design needs.

📌 Step 2: Configure the Data Source
To populate the dropdown, you need to define the data source that will be used for the options.

- Select the Data Type – Choose the type of data you want to display in the dropdown (e.g., Users, Products, Categories).

- Set the Options List – Define the list of options using a dynamic or static data source. Example:
Do a search for Products
Get Options from API

- Choose the Display Field – Select the field that will be shown to users (e.g., Product Name, Category Title).
- Set the Value Field – Choose the field that holds the actual value to be used in workflows (e.g., Product ID, Category ID).

📌 Step 3: Customize Styles
Tailor the dropdown to match your app’s design using the available customization options:
✅ Colors & Fonts – Modify the text color, background, borders, and font styles.
✅ Placeholder Text – Set a default text to guide users before they select an option.

📌 Step 4: Enable Search Functionality (Optional)
If you want users to search for options using the keyboard:

- Check the "Searchable" option in the plugin settings.

When enabled, a search box will appear at the top of the dropdown.
Users can type to filter options dynamically.

📌 Step 5: Enable Multi-Select (Optional)
If you want users to select multiple options:

- Go to the plugin settings and set the "Mode" to "Multiple".

When enabled, users can select multiple options at once.