interpreter_mode

Mentorias disponíveis em fase Beta. Saiba mais

Mentorias disponíveis em fase Beta. Saiba mais

award_star

Lançamento

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

502

Alunos na newsletter

Newsletter

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

Inscreva-se:

502

Alunos na newsletter

Newsletter

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

Inscreva-se:

502

Alunos na newsletter

Newsletter

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

Inscreva-se:

502

Alunos na newsletter

Newsletter

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

Inscreva-se:

502

Alunos na newsletter

Newsletter

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

Inscreva-se:

502

Alunos na newsletter

Newsletter

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

Inscreva-se:

Enviar mensagem

Enviar mensagem

Grupo secreto 🤫

Grupo secreto 🤫

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.