SaladUI

Toggle

Toggle component, A two-state button that can be either on or off.

Read more Read less

Example:

<.toggle value="true" size="sm" variant="outline">Bold</.toggle>
Default toggle Open in playground 
<.toggle id="toggle-single-default-toggle">
  B
</.toggle>
Toggle pressed Open in playground 
<.toggle id="toggle-single-toggle-pressed" value>
  B
</.toggle>
Toggle disabled Open in playground 
<.toggle disabled id="toggle-single-toggle-disabled">
  B
</.toggle>
Different variants and sizes Open in playground 
<.toggle id="toggle-variant-and-size-variant-outline" variant="outline">
  Outline
</.toggle>
<.toggle id="toggle-variant-and-size-size-small" size="sm">
  Small
</.toggle>
<.toggle id="toggle-variant-and-size-size-large" size="lg">
  Large
</.toggle>