⚙️ How to Use
Add the element to your mobile page.

Set the visual appearance:

height: Controls the overall height of the toggle

toggle_background_color_yes: Color when ON

toggle_background_color_no: Color when OFF

toggle_width_custom: (Optional) Overrides default width

toggle_roundness: Border radius of the background

handle_color, handle_color_yes: Colors for the handle

handle_roundness: Handle radius

handle_width: (Optional) Custom handle width

disable_shadow: Yes/No to turn off handle shadow

toggle_transition_time: Speed in seconds (e.g. 0.3)

Set preset_status to initialize the toggle's default value.

Use clickable = no if you want it to be read-only.

In workflows:

Use value_is_changed event to respond to toggles

Access current state using the exposed value state

Demo page: https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=toggle

Editor https://bubble.io/page?id=ncv-react-plugins&test_plugin=1742595718732x653888080051437600_current&tab=Design&name=toggle&type=page