MARKETPLACE
PLUGINS
TOGGLE SWITCH
Toggle switch logo

Toggle switch

Published June 2026
   •    Updated July 2026

Plugin details

Native Toggle Switch Pro is a mobile-native on/off switch component for Bubble apps. It is designed for iOS and Android mobile apps and is useful anywhere users need to turn a setting, feature, preference, or state on or off.
The plugin provides a clean toggle switch experience with customizable track color, thumb color, sizing, disabled state, read-only state, validation, workflow actions, and published checked states. It works well for app settings, notification controls, availability status, privacy preferences, feature toggles, and dashboard controls.

Main Use Cases

    []Enable or disable push notifications []Turn dark mode on or off []Set online/offline availability []Enable location access setting []Turn reminders on or off []Activate or deactivate app features []Switch between public/private profile settings []Control user preferences in settings pages []Toggle booking availability []Enable or disable marketing emails

Key Features

    []Mobile-native toggle switch for Bubble apps []Works on iOS and Android []Publishes a true/false checked state []Custom active and inactive track colors []Custom active and inactive thumb colors []Custom track width and height []Custom thumb size []Disabled state support []Read-only state support []Required validation support []Custom background and spacing controls []Workflow actions for setting, toggling, and validating the switch
  • Useful for settings, forms, dashboards, and preference screens

Free

For everyone

stars   •   0 ratings
3 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Native mobile

Contributor details

CoDara logo
CoDara
Joined 2025   •   15 Plugins
View contributor profile

Instructions

    []Install the plugin in your Bubble mobile app. []Open the mobile page where you want the toggle switch. []Add the Native Toggle Switch Pro element to the page. []Set the Checked field to yes or no to control the default switch state. []Customize the active track color for the on state. []Customize the inactive track color for the off state. []Adjust the track width, track height, and thumb size if needed. []Use disabled or read-only when the user should not be able to change the switch.
  1. Use the plugin’s checked published state in workflows, conditions, or database saves.
Published States

    []checked: Returns yes when the switch is on and no when the switch is off. []selected_count: Returns 1 when checked and 0 when unchecked. []is_valid: Shows whether the toggle passes validation. []last_changed_value: Returns yes or no depending on the last switch state. []last_changed_label: Returns the latest changed label/state text. []last_error_message: Returns validation or error message, if any.

Workflow Events

    []selection changed: Runs when the toggle state changes. []option selected: Runs when the toggle is switched on. []option deselected: Runs when the toggle is switched off. []validation failed: Runs when validation fails.

Workflow Actions

    []Set checked: Programmatically set the toggle to on or off. []Toggle checked: Programmatically switch the toggle from on to off or from off to on.
  • Validate: Check whether the current toggle state is valid.

Instructions For Workflows

    []Use Native Toggle Switch Pro's checked state to save yes/no values to your database. []Use selection changed to run a workflow immediately after the user changes the toggle. []Use Set checked when another workflow should control the switch state. []Use Toggle checked when a button or another action should flip the switch. []Use checked is yes or checked is no in Bubble conditions to show, hide, enable, or disable other elements. []Use Validate if the toggle is required before continuing.

Important Notes

    []This plugin is built for Bubble mobile/native apps. []Test on a real iOS or Android device for the most accurate behavior. []Use this plugin for one on/off choice only. []For one checkbox-style choice, use Native Single Checkbox Pro. []For multiple selections, use Native Checkbox Group Pro. []For one selection from many options, use Native Radio Group Pro, Segmented Control, or Option Cards.

Live Editor Page
http://bubble.io/page?id=codara&test_plugin=1781666238814x739258163296206800_current&tab=Design&name=Radio+%26+Checkbox&elements=bTHnh

Demo Page
https://codara.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=Radio%20%26%20Checkbox

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Productivity   •   Data (things)   •   Containers   •   Small Business   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Bubble is Global
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Podcast
Ideaboard
Early access
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales