Checkbox-group

Anatomia, uso, comportamento visual e recomendações conceituais são mantidos pelo Padrão Digital de Governo. Esta página documenta a implementação Web Components e sua API executável.

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.

Exemplo(s)

Desktop (100%)

Tablet - 768px

iPhone (iOS) - 390x844

Android - 360x800

Compartilhar URL

Mudar fundo

Abrir no StackBlitz

Tela cheia

HTML

Controles

JS

CSS

Console

Angular (Somente leitura)

React (Somente leitura)

Vue (Somente leitura)

Acessibilidade

Recolher controles e código

Formatar código

Resetar código para o estado inicial

Copiar para a área de transferência

Propriedades

customId

Atributo	custom-id
Descrição	Identificador único do controlador.
Tipo	string
Valor padrão	br-checkbox-group-${checkboxGroupId++}

indeterminate

Atributo	indeterminate
Descrição	Define o estado indeterminado inicial do grupo.
Tipo	boolean
Valor padrão	false

label

Atributo	label
Descrição	Texto descritivo do grupo.
Tipo	string
Valor padrão	---

orientation

Atributo	orientation
Descrição	Orientação visual das opções.
Tipo	"horizontal" | "vertical"
Valor padrão	'vertical'

selectAllLabel

Atributo	select-all-label
Descrição	Rótulo para marcar todos os checkboxes.
Tipo	string
Valor padrão	'Selecionar tudo'

unselectAllLabel

Atributo	unselect-all-label
Descrição	Rótulo para desmarcar todos os checkboxes.
Tipo	string
Valor padrão	'Desselecionar tudo'

Slots

Nome	Descrição
"default"	Slot para adicionar os checkboxes controlados pelo grupo.

Dependências

Usado por

• br-checkgroup

Depende de

• br-checkbox

Gráfico