Looking for a touch drag toggle button


#1

I’m looking for something that looks and functions similar to this bootstrap toggle button

http://www.bootstraptoggle.com/

But required the user to drag it to toggle instead of just a tap. Has anyone seen something like this before and know what that’s called?

I will eventually be turning this into an ember component and maybe addon if it works well.


#2

Maybe using an input slider with some modifications would do the job?

Use a range of 0 to 1, step of all, and then on mouse up use JS to round the value and set to either 0 or 1.


#3

Good call, I didn’t even think about that


#4

Ah well it works awesome in Chrome, not so much Firefox though, seems Firefox is not having my css modifications :frowning: