Pular para o conteúdo principal

DropdownMenu 🗑️

Descontinuado

Esse componente está descontinuado. Use o componente Dropdown. Caso precise de ajuda na migração, acesse nosso guia de migração.

O DropdownMenu é uma lista flutuante que permite a interação em um ou mais itens. Um DropdownMenu pode conter listas simples, navegação entre listagens e outros componentes, permitir a filtragem ou ordenação de conteúdo ou a seleção de uma ou mais opções de uma lista em um formulário.

O DropdownMenu só é aberto após a interação em outro outro componentes, chamado "trigger (gatilho)".

Largura mínima e máxima​

A largura mínima de um DropdownMenu é de 160 pixels.

A largura máxima depende do tamanho máximo de seus elementos internos e das restrições de cada contexto.

Itens da lista​

Texto​

Devem ter um texto principal, para descrever o item de maneira sucinta. Se necessário, um texto de apoio pode complementar o principal.

Textos muito longos em um item podem conter reticências (“...”), acompanhado de uma Tooltip para mostrar a informação completa.

Ícones​

Ícones decorativos, que reforçam o significado de um item, devem aparecer sempre à esquerda do label. Os ícones adicionam complexidade e podem impactar na leitura das opções, por isso, use somente em casos realmente necessários.

Tag​

Tipos de itens​

Atenção

Os itens ainda estão em desenvolvimento. Assim que estiverem concluídos, a atualização será feita aqui no Tangram..

Selecionáveis​

Permitem a seleção de uma ou mais opções ao mesmo tempo.

Seleção única​

Use para casos em que apenas uma opção pode ser selecionada.

Múltipla seleção​

Use em casos onde 2 ou mais opções podem ser selecionadas.

Críticos​

Itens específicos para ações críticas, como remoção de informações do sistema.

Navegáveis​

Itens que permitem a navegação entre listas ou conteúdos dentro de um mesmo DropdownMenu.

Divisores​

Itens não clicáveis, que permitem separar ou agrupar itens.

Linha​

Separa itens visualmente apenas por uma linha.

Título​

Separa itens com um título de seção.

Cabeçalho​

O DropdownMenu pode ter uma área especial no topo para componentes ou elementos que adicionam funções. No cabeçalho podem ser aplicados os componentes de Busca e de Tabs.

O DropdownMenu também pode ter uma área especial abaixo da lista de opções, para componentes e elementos específicos. Botões devem aparecer separados da lista por uma linha divisória, então use o botão secundário para não conflitar com ações primárias.

Feedback​