Building a native toggle switch as a reusable element (tutorial)

Hey everyone,

Bubble doesn’t have a native toggle option, and I wanted to build one that actually looks good and can be reused across an entire app.

Made a tutorial showing how to build it with groups + conditionals - once you set it up as a reusable element, you can drop it anywhere and maintain consistent design across your project.

The approach:

  • Full control over colors, sizing, transitions

  • Set it up once as a reusable, use it everywhere

  • Update the design in one place, changes reflect app-wide

Tutorial here: https://youtu.be/5jiwXU1FdAs

Curious if anyone else is building their own component library like this instead of mixing different plugin styles.

I also created a custom toggle one time and I am actually building slowly my design system in bubble

Don´t know if it´s a typo on your channel name wich you the best- Gustavo Sousa | Certified Bubble (Develiper)

1 Like