Checkgroup
Visão Geral
Design System
Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.
Exemplos
Básico
Copiar código
Resetar exemplo
Abrir no StackBlitz
Alternar fundo do preview
Propriedades
customId
| Atributo | custom-id |
| Descrição | Identificador único. Caso não seja fornecido, um ID gerado automaticamente será usado. |
| Tipo | string |
| Valor padrão | br-checkgroup-${checkgroupId++} |
indeterminate
| Atributo | indeterminate |
| Descrição | Define o estado intermediário do checkbox. Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada. Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial. |
| Tipo | boolean |
| Valor padrão | false |
label
| Atributo | label |
| Descrição | Texto descritivo do grupo. |
| Tipo | string |
| Valor padrão | --- |
labelDesselecionado
| Atributo | label-desselecionado |
| Descrição | Define o texto do label quando o checkbox está desmarcado. |
| Tipo | string |
| Valor padrão | 'Selecionar tudo' |
labelSelecionado
| Atributo | label-selecionado |
| Descrição | Define o texto do label quando o checkbox está marcado. |
| Tipo | string |
| Valor padrão | 'Desselecionar tudo' |
Slots
| Nome | Descrição |
|---|---|
"default" | Slot para adicionar os checkboxes que serão controlados pelo checkgroup. |
Dependências
Depende de
Gráfico
Migração: Vue 1.x → Stencil 2.x
Propriedades
🟥 Propriedades removidas
| Propriedade | Descrição | Tipo | Padrão |
|---|---|---|---|
checkgroup-child | Declara o comportamento checkgroup e coloca o checkbox como sendo pai. O filho possui o mesmo valor para a propriedade 'checkgroup-child' | string | null |
checkgroup-parent | Declara o comportamento checkgroup e coloca o checkbox como sendo filho. O pai possui o mesmo valor para a propriedade 'checkgroup-parent' | string | null |