Guides

Styles

import { Switch } from '@loomhq/lens'
<Switch />

<Distribute gap="small">
  <Switch />
  <Switch isActive />
  <Switch isDisabled />
  <Switch isActive isDisabled />
</Distribute>

<Distribute gap="small">
  <Switch />
  <Switch isActive />
  <Switch isDisabled />
  <Switch isActive isDisabled />
</Distribute>

Turn ON

<Distribute gap="small" alignment='center'>
  <label htmlFor='exampleSwitchId'>Turn ON</label>
  <Switch id='exampleSwitchId' />
</Distribute>

<Distribute gap="small" alignment='center'>
  <label htmlFor='exampleSwitchId'>Turn ON</label>
  <Switch id='exampleSwitchId' />
</Distribute>

prop

type

default

required

isActive

bool

isDisabled

bool

onChange

func