Checkbox

Como utilizar

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

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

  return (
    <Checkbox
      id="checkbox-example"
      value="checkbox-example"
      name="accept"
      label="Checkbox"
      checked={checked}
      onChange={() => setChecked(!checked)}
      colorLabel="babar500"
    />
  )
}

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

  return (
    <Checkbox
      id="checkbox-example"
      value="checkbox-example"
      name="accept"
      label="Checkbox"
      checked={checked}
      onChange={() => setChecked(!checked)}
      colorLabel="babar500"
    />
  )
}

Props

Prop	Tipo	Default	Descrição
id	`string`		Id do checkbox.
value	`string`		Valor do checkbox.
name	`string`		Nome do checkbox.
label	`string`		Valor que irá aparece ao lado do checkbox.
labelFontSize	`string`	sm	Font-size do label ('xxxxs', 'xxxs', 'xxs', 'xs')
status	`string`	none	Recebe success ou error para sinalizar se o campo está correto ou não após uma validação.
size	`string`	none	Tamanho do componente ('sm', 'md', 'lg')