In a nutshell: when you install the plugin, you will see a new element in the "Visual elements" section of the Bubble editor, named:
🎨 Color Picker
➡️ To begin, add the element to your mobile page. It will appear as a small colored square.
✨ Full Customization: Unlike standard Bubble elements, all styling for this plugin is controlled directly from the property editor, giving you complete control.
Swatch Style section: Customize the appearance of the main color square (roundness, border, etc.).
Picker Customization: Change the picker's theme (Dark/Light), set custom background colors, and customize the text and color of the "OK" button.
How to use it in your workflows:
Get the selected color: Access the plugin's Selected Color exposed state to get the current color value (e.g. Color Picker's Selected Color). The value is a text in Hex format (e.g., #FF0000 or #FF000080).
Run workflows on change: Use the Color Picker's Color Saved event in your workflows tab to trigger actions whenever the user confirms a new color.
Set color from a workflow: While this plugin doesn't have a dedicated action, you can control its color by changing the data source of the Initial Color field.
See how it worksWe encourage you to take a look at the demo and editor pages to see how the plugin works.
Built on Bubble
