10.12.0

Toggle

Physical switch that allows users to turn things on or off. Used for applying system states, presenting binary options and activating a state.

Default State



Name and Value

Which of the following vehicles do you own?


Car

Bike

Custom checkbox input


Custom radio inputs

Select one option:


Walk

Bike

Ride

Toggle w/ Options



Things to Avoid

Avoid using if there is a selection with no action/execution that follows or if actions need to be confirmed before being applied.
Avoid using for opposing options (ie having an option on each side of toggle and the side that it is flipped to is the option that is selected).


Available Props

  • classname
  • dark
  • margin
  • margin_bottom
  • margin_left
  • margin_right
  • margin_top
  • margin_x
  • margin_y
  • max_width
  • padding
  • padding_bottom
  • padding_left
  • padding_right
  • padding_top
  • padding_x
  • padding_y
  • z_index
  • number_spacing
  • id
  • data
  • aria
  • children
  • input_options
  • checked
  • name
  • size
  • value