MARKETPLACE
PLUGINS
CUSTOM + CUSTOMIZE IONIC TOGGLE
Custom + Customize Ionic Toggle logo

Custom + Customize Ionic Toggle

Published July 2023
   •    Updated November 2025

Plugin details

Fully customize Bubble's Native Ionic Toggle and Ionic Toggle Themes.
Properties:

✅ Handle Color

✅ Handle Height

✅ Handle Width

✅ Handle Border Radius

✅ Track Height

✅ Track Width

✅ Track Border Radius

✅ Track Color (Inactive)

✅ Border Color (Inactive)

✅ Border Width (Inactive)

✅ Customize All 9 Active Themes (ie: Attentive, Positive, Calm etc.)

✅ Toggle Size (Scale)

✅ Switch Transition Speed

✅ Switch Transition Delay

✅ Switch Transition Easing

✅ Color Transition Speed

✅ Color Transition Delay

✅ Color Transition Easing





Live DEMO: https://23c-custom-ionic-toggle.bubbleapps.io/version-test


Editor + Documentation: https://bubble.io/page?name=index&id=23c-custom-ionic-toggle&test_plugin=1690316818997x147075370110156800_current&tab=tabs-1

$5

One time  •  Or  $3/mo

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

Platform

Web

Contributor details

23cubed logo
23cubed
Joined 2021   •   20 Plugins
View contributor profile

Instructions

Simply configure the fields in the plugin tab to customize every property of the Native Ionic Toggle Component. When modifying the width of the handle or track make sure to pay attention to the 'Padding' and 'Starting Offset Fields' to correct any misalignments.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Compliance   •   Containers   •   Technical   •   Productivity   •   Ecommerce

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble