Campos de entrada

Filtered suggestion field

Um campo de texto que filtra uma lista de sugestões conforme você digita e mostra as correspondências em um menu suspenso abaixo, com navegação pelo teclado e um botão limpar.

Destination

Type to filter, arrows to move, Enter to pick. Try “li”.

Como usar Filtered suggestion field

Um campo de texto que filtra uma lista de sugestões conforme você digita e mostra as correspondências em um menu suspenso abaixo, com navegação pelo teclado e um botão limpar.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: placeholder, accentColor, maxVisible

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2761Combobox fieldCampos de entradaUm campo suspenso pesquisável: digitar filtra uma lista de opções ao vivo e escolher uma preenche o campo.

2421Searchable SelectCampos de entradaUm botão que abre um pequeno popover com um campo de pesquisa e uma lista filtrável de opções, para que alguém possa digitar para restringir as opções em vez de rolar um longo menu suspenso.

2762Command search paletteCampos de entradaUm campo de pesquisa que coloca uma lista filtrada de comandos abaixo de si enquanto você digita, com destaque de teclas de seta, seleção instantânea e rodapé de dica de teclado.

2800Range span sliderCampos de entradaUm controle deslizante com dois polegares em uma trilha, permitindo que alguém escolha um valor baixo e alto juntos como um intervalo preenchido.

2778Search Composer FieldCampos de entradaUma caixa de mensagem que cresce com o que você digita, com um botão de pesquisa cujo rótulo se abre e uma ação de envio que é ativada quando há texto.

2297Addon Input GroupCampos de entradaUm campo de texto envolto em um shell com borda que pode conter um ícone inicial, um botão final ou texto e compartilha um anel de foco em todo o grupo.