Componente de Checkbox

O Checkbox é um componente utilizado para criar seleções binárias, onde os usuários podem marcar ou desmarcar opções.

Como importar

import { Checkbox } from '@/app/shared/@JustLaunch/components';

Exemplo de uso

Default

<Checkbox.Root>
  <Checkbox.Input defaultChecked={false} />
  <Checkbox.Icon />
  <Checkbox.Label>I agree to the terms and conditions</Checkbox.Label>
</Checkbox.Root>

Marcado (Checked)

<Checkbox.Root>
  <Checkbox.Input defaultChecked={true} />
  <Checkbox.Icon />
  <Checkbox.Label>I agree to the terms and conditions</Checkbox.Label>
</Checkbox.Root>

Desabilitado

<Checkbox.Root>
  <Checkbox.Input disabled={true} />
  <Checkbox.Icon />
  <Checkbox.Label>I agree to the terms and conditions</Checkbox.Label>
</Checkbox.Root>

Com Erro

<Checkbox.Root error='You must accept the terms before continuing'>
  <Checkbox.Input defaultChecked={false} aria-invalid={true} />
  <Checkbox.Icon />
  <Checkbox.Label>I agree to the terms and conditions</Checkbox.Label>
</Checkbox.Root>