Formulário

Checkbox

Caixa de seleção para opções binárias.

Uso

Use o elemento <y-checkbox> no seu HTML:

html
<y-checkbox label="Produto ativo"></y-checkbox>

Exemplos

Padrão

Padrão

Marcado

Marcado

Propriedades

PropriedadeTipoPadrãoDescrição
checkedbooleanfalseEstado de seleção
disabledbooleanfalseDesabilita o checkbox
labelstringTexto do label

Importação

Importe todos os componentes ou apenas este:

typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/checkbox.js';

Acessibilidade

  • Suporta navegação por teclado
  • Utiliza atributos ARIA apropriados
  • focus-visible para indicação de foco