Customizing Toggle

I would like to customize the Ionic Toggle such that I could not only change its color but to add text to the toggle itself, like to have “Save” when it’s off, and “Saved” when it’s on.

I found this tutorial for Ionic 1 online, but I can’t get it to work with Ionic 2/3: http://hybridalerts.com/customize-ionic-toggle/

Any help will be greatly appreciated! Many thanks!

https://ionicframework.com/docs/api/components/toggle/Toggle/?

Where should that text appear? What should it look like?

I’ve included a like previously (http://hybridalerts.com/customize-ionic-toggle/) of what it looks like with Ionic 1. The text should be within the toggle element itself (ideally).

All the toggle code is here: https://github.com/ionic-team/ionic/tree/master/src/components/toggle I would probabyl start by copying this and then mess with it.

1 Like

Cool, many thanks! Will give it a stab! If I success, will post my solution here later on.