Caixa de pesquisa
As caixas de pesquisa permitem que os usuários pesquisem em todo o conteúdo das listagens;
Opções
#Etiqueta
- As caixas de pesquisas devem sempre ter um rótulo.
#Posição da etiqueta
- As etiquetas podem ser colocadas na parte superior ou na lateral;
- Os rótulos superiores são o PADRÃO e são recomendados porque funcionam melhor com textos longos, localização e layouts responsivos;
- As etiquetas laterais são mais úteis quando o espaço vertical é limitado.
#Valor
- O valor mostra o texto inserido de um usuário ou a opção selecionada.
#Largura
- A largura da caixa de pesquisa pode ser personalizada adequadamente para seu contexto.
#Tamanho
- As caixas de pesquisas possuem quatro tamanhos diferentes:
- pequeno,
- médio,
- grande,
- extra-grande;
- O tamanho médio é a opção padrão e mais usada.
- Use os outros tamanhos com moderação;
- Eles devem ser usados para criar uma hierarquia de importância dentro da página.
#Autocompletar
- As caixas de combinação podem completar automaticamente os resultados sugeridos no campo de entrada.
#Texto de ajuda (descrição e mensagem de erro)
- As caixas de pesquisas podem ter um texto de ajuda abaixo do campo para fornecer contexto ou instruções extras sobre o que um usuário deve pesquisar;
- A área de texto de ajuda tem duas opções: uma descrição e uma mensagem de erro;
- A descrição comunica uma dica ou informações úteis, como requisitos específicos sobre o que escolher;
- A mensagem de erro comunica um erro quando os requisitos de seleção não são atendidos, solicitando que o usuário ajuste o que havia selecionado originalmente.
#Desativado
- Em estado desabilitado mostra que existe um campo de entrada, mas não está disponível nessa circunstância;
- Isso pode ser usado para manter a continuidade do layout e comunicar que pode ser disponibilizado posteriormente.