Skip to content

Toggle Slider Widget

The Toggle Slider Widget is a unique “slide-to-activate” switch.

A UI element designed to prevent accidental clicks. It looks like a toggle switch but is animated and interactive, providing a satisfying tactile feel.

  • Slide Animation: The thumb physically moves from one side to the other.
  • Status Text: distinct text for “On” vs “Off” states (e.g., “Armed” vs “Disarmed”).
  • Custom Styling: Different track/text colors for each state.
  • Entity: Any toggleable entity (switch, light, input_boolean).
  • Labels: Custom text for On and Off states.
  • Colors: Green for On, Red for Off (or any custom hex).
  • Security: “Arm Alarm” switch where you want clear visual confirmation.
  • Heavy Loads: “Pool Pump” control.

Build this on your own dashboard

Dashable is a drag-and-drop dashboard builder for Home Assistant. Connect your instance and lay out widgets in the browser — no YAML.

Try Dashable free