The SUSE Design System uses cookies to help us learn more about how we can improve the design system.
Learn more about our cookie policy

info
Didn’t find the component you were looking for? Take a look on what’s coming next or contact us.
Looking for components? what’s next or contact us.
close
EOS Design System logotype

Toggle

The toggle switch is a digital on/off controller that enables the user to switch between settings without submitting the form.


Description

  • Always associate a label to every checkbox for good accessibility. Do not include a colon at the end of the label.
  • Use a toggle switch when users have to choose between two mutually exclusive options.
  • Toggle switches should take immediate effect and should not require the user to submit the form to apply the new state.
  • If immediate results are not achievable, use an alternative like radio buttons or a single checkbox.
Element states
How to use this element

Example
Code
content_copy