Toggle

Toggle offers the user the possibility to choose or not item.

Example

<div
  style={{
    display: 'flex',
    justifyContent: 'space-between',
  }}
>
  <div>
    <Toggle />
  </div>
  <div>
    <Toggle variant="neutral" checked={true} sized="small" />
  </div>
  <div>
    <Toggle variant="disabled" click={false} sized="medium" checked={true} />
  </div>
  <div>
    <Toggle variant="on_off" sized="medium" />
  </div>
</div>

<div
  style={{
    display: 'flex',
    justifyContent: 'space-between',
  }}
>
  <div>
    <Toggle />
  </div>
  <div>
    <Toggle variant="neutral" checked={true} sized="small" />
  </div>
  <div>
    <Toggle variant="disabled" click={false} sized="medium" checked={true} />
  </div>
  <div>
    <Toggle variant="on_off" sized="medium" />
  </div>
</div>

Theme

Props

Name	Type	Default value	Description
checked	bool	false	Whether or not the toggle is checked.
onChange	func	null	Gets called when the value of the toggle changes.
variant	enum	'primary'	The type of variation to display.
click	bool	true	Click possible or not on the toggle.
sized	enum	'large'	The type of size to display.