MARKETPLACE
PLUGINS
SWITCH (TOGGLE) AND CHECKBOX
Switch (Toggle) and Checkbox logo

Switch (Toggle) and Checkbox

Published March 2023
   •    Updated today

Plugin details

Add switch and checkbox elements to capture boolean input and sync values with your database. Customize styles, preview states in the editor, and adapt elements to different layouts.
       

⚡ Main Functions:

• Capture boolean input
   Use switch and checkbox elements for true/false values
• Control input state
   Toggle or set values through workflows
• Bind data values
   Sync element state with database fields

⚡ Key Features:

🎨 Custom styling
     Configure colors, borders, and spacing for all states
📱 Responsive sizing
     Adapt elements to container size
⚙️ Editor preview
     Preview states directly in the editor without running the app
🔄 State support
     Handle on, off, disabled, and indeterminate states

🔔 For more advanced checkbox and toggle styling options, check out our Checkbox+ plugin

🔔 For advanced toggle controls, check out our Customizable Toggle Switch Pro plugin



Documentation

We’ve created a detailed step-by-step guide for the Switch (Toggle) and Checkbox Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

How do I add the Switch or Checkbox to my app?
Install the plugin, drag the Switch or Custom Checkbox element onto the page, and configure it in the editor.

How do I set a default value?
Use the initial value setting to define whether the element starts checked or unchecked.

Can I connect it to the database?
Yes, use autobinding to sync the element value with your app data.

How do I change the value via workflow?
Use workflow actions to toggle the value or set a new value.

Can I customize the appearance?
Yes, configure colors, borders, spacing, and state styles directly in the editor or reusable styles.

Can I override Bubble’s default checkbox style?
Yes, enable the plugin configuration option for replacing Bubble’s native checkbox appearance.

   


Our Similar Plugins

- Checkbox +
- Air Checkbox Selection
- Customizable toggle
- Custom Checkbox
- Customizable Toggle Switch Pro




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

Free

For everyone

3.6 stars   •   25 ratings
18.6K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   872 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/switch-(toggle)-and-checkbox

Types

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

Categories

This plugin can be found under the following categories:
Media   •   Productivity   •   Technical   •   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.6)

I wish I'd read the reviews first...
July 10th, 2026
So frustrating, the auto-binding doesn't work. Not only does it not work, it actually clears out the values in the database when the page loads.
Hello there, Zeroqode Support team here. If the auto-binding is not working and the values are being cleared when the page loads, this may be related to how the element is initialized, how the default/current value is configured, or how the plugin is interacting with the Bubble database field on page load. Please make sure that: The toggle/checkbox is connected to the correct database field The field type matches the expected value type The element’s initial/current value is set correctly There are no workflows on page load that reset or overwrite the field The auto-binding option is enabled and configured for the correct thing/field That said, I understand this behavior should not clear existing database values unexpectedly. I’ll review the plugin behavior around auto-binding and page initialization to see if anything needs to be adjusted. Could you please send a short screen recording, screenshots of your element setup, and any relevant workflow/database configuration to support@zeroqode.com? That will help us reproduce the issue and confirm the cause quickly. Thanks again for reporting this - we’ll look into it. Best regards, Zeroqode Support
July 10th, 2026
  •  
Zeroqode - Top Bubble Agency
Really handy plugin!
May 5th, 2026
Super easy to set up and works perfectly right out of the box. The switch and checkbox look clean and fit nicely into any design. Saves a lot of time — no need to build these elements from scratch. Highly recommend it!
The Autobinding is so confusing....
September 30th, 2025
Just cannot make the autobinding works..... this is frustrating.
it doesn't work anymore
April 7th, 2025
broken plugin
Great plugin
April 4th, 2025
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
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales