SelectInput

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.

Exemplos

Propriedades

autocomplete

Atributo	autocomplete
Descrição	Controla o preenchimento automático do input interno.
Tipo	"off" | "on"
Valor padrão	---

borderless

Atributo	borderless
Descrição	Remove a borda do campo quando ele não está em foco.
Tipo	boolean
Valor padrão	false

disabled

Atributo	disabled
Descrição	Desativa toda a interação do campo de entrada.
Tipo	boolean
Valor padrão	false

filterable

Atributo	filterable
Descrição	Habilita a edição do campo usada para filtrar as opções.
Tipo	boolean
Valor padrão	false

inputWidth

Atributo	input-width
Descrição	Controla a largura visual do campo.
Tipo	string
Valor padrão	---

isInline

Atributo	is-inline
Descrição	Exibe label e campo na mesma linha.
Tipo	boolean
Valor padrão	false

label

Atributo	label
Descrição	Texto exibido como rótulo do campo.
Tipo	string
Valor padrão	---

name

Atributo	name
Descrição	Nome do campo para integração com formulários.
Tipo	string
Valor padrão	---

placeholder

Atributo	placeholder
Descrição	Texto exibido quando o campo não possui valor.
Tipo	string
Valor padrão	---

required

Atributo	required
Descrição	Indica que o valor do campo é obrigatório.
Tipo	boolean
Valor padrão	false

showSearchIcon

Atributo	show-search-icon
Descrição	Exibe o ícone de busca dentro do campo.
Tipo	boolean
Valor padrão	---

value

Atributo	value
Descrição	Valor textual apresentado no input.
Tipo	string
Valor padrão	---

Eventos

Evento	Descrição	Depreciação	Propagação
brSelectInputActionClick	Evento emitido quando o usuário aciona o ícone de abertura/fechamento.	---	true
brSelectInputClick	Evento emitido quando o usuário clica no campo do select.	---	true
brSelectInputFocus	Evento emitido quando o campo interno recebe foco.	---	true
brSelectInputValueChange	Evento emitido quando o valor digitado no campo de busca muda.	---	true

Métodos

flipDown

Descrição	Atualiza o ícone para o estado visual de lista fechada.
Assinatura	flipDown() => Promise<void>
Parâmetros	---

flipUp

Descrição	Atualiza o ícone para o estado visual de lista aberta.
Assinatura	flipUp() => Promise<void>
Parâmetros	---

setFocus

Descrição	Reaplica o foco no input nativo encapsulado por br-input.
Assinatura	setFocus() => Promise<void>
Parâmetros	---

Dependências

Componente pai

• br-select

Usado por

• br-select

Depende de

• br-icon
• br-input

Gráfico

Migração: Vue 1.x → Stencil 2.x

Propriedades

🟦 Propriedades renomeadas

Propriedade Vue	Propriedade Stencil	Descrição	Tipo	Padrão

🟥 Propriedades removidas

Propriedade	Descrição	Tipo	Padrão

🟩 Novas propriedades

Propriedade	Descrição	Tipo	Padrão

Eventos

🟦 Eventos renomeados

Evento Vue	Evento Stencil	Descrição

🟥 Eventos removidos

Propriedade	Descrição	Tipo	Padrão

🟩 Novos eventos

Evento	Descrição

Slots

🟦 Slots renomeados

Slot Vue	Slot Stencil	Descrição

🟥 Eventos removidos

Propriedade	Descrição	Tipo	Padrão

🟩 Slots criados

Slot	Descrição