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.
Em tempo real
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.