# Component

Toggles are used when there is a single setting with two states, on or off. They allow users to select options.

An example of this is in the filters. A user can view New In products by switching the toggle to on.

Toggle states

# Rules


  • Use toggles for binary actions
  • Use a label next to the toggle so the user knows what it affects.


  • Don't use multiple toggles without context

# Structure

Toggle structure

# Typography

Type Font size Line height Font weight
Active 16pt 24pt Regular
Last Updated: 10/6/2020, 8:34:39 AM