Select
O Select permite selecionar um ou mais itens de uma lista de opções. O componente tem 2 estruturas básicas: gatilho e menu de seleção dropdown. O gatilho é o próprio Select que, ao ser clicado, exibe uma lista de opções dentro de um dropdown.
Boas práticas
- Ordene as opções do menu dropdown de forma que faça sentido, seja em ordem alfabética, numérica ou lógica
- Se precisar de uma decisão entre 2 ou 3 opções, pode ser mais prático o uso de outro componente com opções abertas, como Checkbox ou Radio
- O rótulo do Select deve ser contextualizado, ou seja, deixar claro os tipos de opções antes de clicar nelas. Por exemplo: ”Segmento da Conta”, ”Canais de Conversão”, ”Responsáveis”, etc.
- Se não for possível aplicar a regra acima por falta de espaçamento, o rótulo padrão para um
Selecté "Selecionar" - desde que exista um texto que contextualize a lista de opções. O ideal é que seja apresentado com algum outro apoio. Por exemplo: "Selecionar país", "Selecionar data", etc.
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.