interpreter_mode

Mentorias disponíveis em fase Beta. Saiba mais

Mentorias disponíveis em fase Beta. Saiba mais

Select / Dropdown

Select / Dropdown

Um select ou dropdown é um elemento de UI que permite aos usuários escolher uma opção dentre várias disponíveis em uma lista.

Um select ou dropdown é um elemento de UI que permite aos usuários escolher uma opção dentre várias disponíveis em uma lista.

Sobre

Um select ou dropdown é um elemento de UI que permite aos usuários escolher uma opção dentre várias disponíveis em uma lista. O select é inicialmente mostrado como uma caixa de seleção, frequentemente com uma seta apontando para baixo. Quando o usuário clica na caixa de seleção, uma lista suspensa (dropdown) se expande, revelando as opções disponíveis para escolha.

O usuário pode selecionar uma opção clicando nela, e a escolha fica visível na caixa original, substituindo o item anteriormente selecionado. Os selects ou dropdowns são usados para manter a interface organizada, especialmente quando há necessidade de incluir diversas opções para serem escolhidas, evitando assim ocupar muito espaço na tela.

Um select ou dropdown é um elemento de UI que permite aos usuários escolher uma opção dentre várias disponíveis em uma lista. O select é inicialmente mostrado como uma caixa de seleção, frequentemente com uma seta apontando para baixo. Quando o usuário clica na caixa de seleção, uma lista suspensa (dropdown) se expande, revelando as opções disponíveis para escolha.

O usuário pode selecionar uma opção clicando nela, e a escolha fica visível na caixa original, substituindo o item anteriormente selecionado. Os selects ou dropdowns são usados para manter a interface organizada, especialmente quando há necessidade de incluir diversas opções para serem escolhidas, evitando assim ocupar muito espaço na tela.

Um select ou dropdown é um elemento de UI que permite aos usuários escolher uma opção dentre várias disponíveis em uma lista. O select é inicialmente mostrado como uma caixa de seleção, frequentemente com uma seta apontando para baixo. Quando o usuário clica na caixa de seleção, uma lista suspensa (dropdown) se expande, revelando as opções disponíveis para escolha.

O usuário pode selecionar uma opção clicando nela, e a escolha fica visível na caixa original, substituindo o item anteriormente selecionado. Os selects ou dropdowns são usados para manter a interface organizada, especialmente quando há necessidade de incluir diversas opções para serem escolhidas, evitando assim ocupar muito espaço na tela.

Tópicos abordados

  • Introdução

  • Definição

  • Anatomia

  • Estados

  • Select vs Dropdown

  • Exemplos

  • Onde usar

  • Quando não usar

  • Tipos & Variações

  • Boas práticas

  • Prática no Figma

O que você achou dessa aula?

Investimento*

R$ 20

volunteer_activism

Doamos 20% do valor de cada aula exclusiva que você adquire. Detalhes das doações na página Transparência.

info

*O preço final pode variar um pouco de acordo com a taxa de IOF cobrada pela plataforma de pagamentos.

Detalhes

Categoria

Componente

Instrutor

Willian Matiola

Tempo total de aula

34 min

Pontos para o ranking

20 pts

Assista em seguida

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se: