A toggle is a switch that has two positions, on or off. It’s found in software and hardware, such as the Caps Lock and Num Lock keys on your keyboard. You can also find them in options menus. They are initially off, and when a user presses them they turn on the function. When a toggle is pressed again, it turns off the function.

A toggle can be a great control for changing system settings or preferences. It’s more intuitive than a checkbox and takes up less screen space. It’s important to use clear labels for toggle switches so users know what they are enabling when they press them. This includes using high contrast colors to indicate the toggle’s state and evaluating societal and cultural implications for your audience.

Toggle is an HTML5 UI component that can be added to any button> or a> element. It automatically sets the correct WAI-ARIA roles, states and properties. It can be used with a cls option to specify an initial toggle state, or if it’s set to false, it will add the hidden attribute to the selected element.

Feature toggles are a simple way to test new features in production, perform gradual rollouts, and experiment with different user experiences. They help teams push their culture towards embracing change and testing assumptions rather than shying away from it. To learn more about how to incorporate feature toggles into your product, download Split’s free guide, or schedule a demo of Split.