Okuzeka
UX/UI Design vocabulary · UI Elements and Patterns

Toggle

Meaning in UX/UI design, with examples

/ˈtɑːɡl/nounCommon term

In UX/UI design, toggle means: A switch that turns a setting on or off with one tap and usually takes effect immediately, like turning on dark mode or notifications.

In Turkish: açma/kapama anahtarı, toggle, geçiş düğmesi

How it is used

Also called a toggle switch or just a switch. It suits settings that apply instantly; inside a form with a 'Save' button, a checkbox is usually clearer. Also a verb: 'toggle the setting on'.

Example sentences

  1. Use a toggle for 'Email notifications', because the change saves immediately.

  2. It isn't clear whether the toggle is on or off; the colours are too similar.

Common collocations

  • toggle switch
  • toggle on
  • toggle off
  • toggle between
  • checkboxA small square that users click or tap to select or clear an option; several checkboxes in a group can be selected at the same time.
  • buttonA clickable or tappable element that lets users perform an action, such as submitting a form, saving changes or opening a menu.
  • feedbackThe signal a system gives in response to a user's action, such as a button changing colour, a loading spinner or a success message, so people know what happened.
  • componentA reusable building block of an interface, such as a button, card or input field, designed once and used in many places with the same look and behaviour.

This word in other fields

The same English word can have a different meaning in another field:

More terms: UI Elements and Patterns

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: