

When designers use the appropriate UI element for a specific scenario, it helps users predict what the UI element will do and how to control it. The below table summarizes questions and answers about these frequently used UI elements. When you’re wondering which option will fit your use case, consider the number and type of options, and if there is any clear default value. Sometimes deciding which user interface element to use - radio buttons, checkboxes, or toggles - can be tough. Toggles may replace two radio buttons or a single checkbox to allow users to choose between two opposing states. Toggle switches are best used for changing the state of system functionalities and preferences.

From light switches, to turning on a mobile hotspot, to the preferences page on our favorite mobile app, we interact with toggles every day.ĭefinition: A toggle switch is a digital on/off switch. If you pay close attention, you’ll notice that toggle switches are all around us, because lots of things have two simple states: they’re either on, or they’re off (but not “just a little on”). The switch on my kettle is an example of a toggle. Once the water is boiling, I turn the kettle off and pour myself a cup.

Every morning, I wake up, pour water into my tea kettle, and flip the switch on.
