MARKETPLACE
PLUGINS
TOGGLES - CUSTOM TOGGLE
Toggles - Custom Toggle logo

Toggles - Custom Toggle

Published June 2020
   •    Updated today

Plugin details

Built by TechBlocks in San Francisco. A beautiful and highly-customizable toggle enabling you to achieve pixel-perfect designs by customizing the exact color, size, and shape of your toggles.
🔗  Example in run-mode (with link to editor):
https://techblocksco.bubbleapps.io/toggle



📆  We pride ourselves in providing excellent support - if you reach out, we respond within one business day!  

*If you want to try the plugin: subscriptions are pro-rated so giving it a try is low-risk — subscribing to the plugin for a few days will cost you a matter of pennies

Examples of the some of the ways you can customize the Toggle element:

  • Toggle Background Color when "Yes"
  • Toggle Background Color when "No"
  • Toggle Height/Width (to the pixel)
  • Toggle Background Roundness
  • Handle Color
  • Handle Roundness
  • Handle Shadow Color
  • Animation Transition time (seconds)

  • Other popular plugins from Techblocks:

  • 📊 Premium Charts Bundle - Chart JS
  • ▶️ Video Player Bundle
  • 📄 PDF Generator
  • 🎨 FabricJS: Drawing & Painting Canvas
  • $35

    One time  •  Or  $5/mo

    3.8 stars   •   6 ratings
    12.5K installs
    This plugin does not collect or track your personal data.

    Contributor details

    Joined 2017   •   21 Plugins
    View contributor profile

    Instructions

    💻  We highly encourage you to take a look at the editor page for the demo, where you can see how the Toggle can be customized.
    Editor demo here:
    https://bubble.io/page?version=live&type=page&name=toggle&id=techblocksco&tab=tabs-1

    Full instructions here:
    https://docs.techblocksco.com?tab=Toggle

    If you have any questions, don't hesitate to reach out to our team via the support URL or support@techblocksco.com. We are highly responsive!  (See support thread here: https://forum.bubble.io/t/new-plugin-beautiful-custom-toggle/99993).

    Types

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

    Categories

    This plugin can be found under the following categories:
    Media   •   Productivity   •   Data (things)   •   Containers   •   Input Forms   •   Visual Elements

    Rating and reviews

    Average rating (3.8)
    Nice plugin but bugged
    July 14th, 2024
    The plugin lets you customize the toggle really well but unfortunately it seems to be bugged: When you trigger a workflow it runs twice, (other people have reported this as well). The element also doesnt allow binding on parent element so I dont know how you are supposed to manipulate data with it. Still is not working months later
    Brings apps to the next level
    April 16th, 2023
    I've always been annoyed with the native toggle plugin with Bubble because you can't customize the color, size. This plugin helps me bring the polish to my app with the exact color and size I need Customer support is A+ and gets back to me quickly when I reach out
    Support Non-existent
    April 16th, 2023
    I emailed their support multiple times but have not received a response. The disable is not working at all
    Much better than Ionic toggles... BUT needs work
    February 13th, 2023
    I MUCH prefer this plugin over the Bubble Ionic toggles from an appearance perspective... EXCEPT that in a responsive page, the right-hand side of the toggle is cut off, and a scroll bar appears in all cases unless the box is contained inside a "Fixed" container (with the button element expanded beyond the size of the toggle). This seems to be fixable through custom size options plus margin changes... but it's a lot of hassle for what is very simple for most plugins! The other thing that makes this almost a dealbreaker, is the lack of capability to disable the toggle. I prefer to show it as a feedback input, even if not selectable - but now need to develop an alternative method for this, since my only option is to hide the element if I don't want it touched. Finally, if you have the toggle on top of a clickable group (positioned via align to parent) - if you click the toggle, it also triggers the group event as well as the toggle. This behaviour does not occur with the default bubble ionic toggle.
    Thanks for the update!
    March 1st, 2021
    Really nice toggle, and thanks for fixing my problem so fast!
    Bubble