Switch

Como utilizar

import { Switch } from '@superlogica/design-system'

() => {
  const [checked, setChecked] = useState(false)

  return (
    <Switch
      id="switch-example"
      checked={checked}
      onChange={() => setChecked(!checked)}
      beforeLabel="Lado A"
      afterLabel="Lado B"
    />
  )
}

() => {
  const [checked, setChecked] = useState(false)

  return (
    <Switch
      id="switch-example"
      checked={checked}
      onChange={() => setChecked(!checked)}
      beforeLabel="Lado A"
      afterLabel="Lado B"
    />
  )
}

Props

Prop	Tipo	Descrição
afterLabel	`string`	Label à esquerda do switch
beforeLabel	`string`	Label à direita do switch
checked	`bool`	True = pra direita / False = pra esquerda
color	`string`	Cor do switch pra esquerda (na direita sempre será primary)