Three state toggle

Hi,

I need to have a three state toggle in my app. Not a checkbox, not a radio group button, and I’m investigating if/how it can be done with ionic.

The idea is that it would be bound to a “true/false/indeterminate” value. It’s about filtering a list of elements on the map. Every feature should be “Wanted”(true) or “Excluded”(false) or basically “I don’t care”(inderminate)

I’ve found this: https://nozzle.io/devblog/ng-tri-toggle-angularjs-triple-state-checkbox-directive which is going to the right direction, but I’m not a CSS expert and I’m not sure this is going in the right direction.

How would you do to have such a component in an app that will be used on web/android/ios(and therefore have it’s style derivating from the original toggle) ?

Thank you very much

  1. List item