Seleção múltipla
Uma seleção múltipla em um menu suspenso, é um componente que permite ao usuário selecionar várias opções de uma lista.
A lista de opções pode mudar com base no contexto.
Opções
# Etiqueta
- As seleções múltiplas devem sempre ter um rótulo;
- Em casos raros em que o contexto é suficiente e um especialista em acessibilidade revisou o design, o rótulo pode ficar indefinido.
# 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.
# Largura
- A largura de uma seleção multipla pode ser personalizada adequadamente para seu contexto;
- Ele desaparece quando o usuário seleciona uma opção;
- O valor mostra a opção que um usuário selecionou.
# Número de seleções
- As seleções múltiplas podem exibir um indicador de contagem de seleções;
# Tamanho
- Selecionadores vêm em 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.
#Silêncio
- Uma seleção múltipla 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.
Comportamentos
# Marcar todas
- As seleções múltiplas podem possuir a primeira opção com função de selecionar todas as opções da lista disponível.
# Seleção
- A seleção é feita com a permanência do hover e com o preenchimento da caixa selecionada;
- Por padrão, a seleção não são enfatizadas, usando a cor cinza em seu preenchimento.
#A ltura do menu
- O menu da seleção múltipla pode ser tão alto quanto necessário para mostrar o maior número possível de opções no espaço disponível;
- Não há altura máxima.