Pular para o conteúdo principal

Busca

Padrão de busca orienta a montagem de comportamento, combinando uma série de componentes, de forma consistente e lógica.

Para mais detalhes acesse nossa aba do componente Search.

Barra de Filtros​

Quando exibido na barra de filtros, o campo de busca deve estar sempre posicionado à esquerda.

Para mais detalhes acesse nossa página de padrão de filtros.

Este padrão não precisa de clique ou tecla para executar a busca. Ela é feita à medida que o termo é digitado.

Nesses casos, é recomendado o uso de skeletons na estrutura que vai mostrar os resultados, mantendo assim a pessoa usuária informada sobre o status do sistema.

Para mais detalhes acesse nossa página de padrão de carregamento.

Sem resultados​

Se nenhum resultado for encontrado, é recomendado o uso do EmptyState com um texto informativo e um botão que permite executar uma ação para o momento.

Destaque de termos​

Para destacar o termo digitado no resultado da busca, é possível adicionar um estilo de seleção em todos os textos - ou parte deles - que correspondem ao termo digitado no campo de busca.

Feedback​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.