Looking for a touch drag toggle button

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

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.

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.

Good call, I didn’t even think about that

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