Here is a technical demo of a compact slider button meant to control dimmer lights. As my front-end is a mobile-first design, I wanted the full functionality of a slider, with the screen real estate of a button. My idea was to make the button draggable, and use the distance dragged as the new value to assign the dimmer.
This is just a technical demo, as I need to add click functionality that toggles the light, as well as make the buttons more aesthetically pleasing. The front-end is written as a single-page-app using Angular 6 + Material + Websockets