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.
Exclusiva
lock
Assista 6 minutos gratuitamente
arrow_downward
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
Links úteis
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

R$ 15
Aula Nova
23 min
Tabs

R$ 15
Aula Nova
23 min
Tabs

Grátis
Aula Nova
13 min
Toggle

Grátis
Aula Nova
13 min
Toggle

R$ 20
Aula Nova
34 min
Select / Dropdown

R$ 20
Aula Nova
34 min
Select / Dropdown

Grátis
32 min
Tooltip

Grátis
32 min
Tooltip

R$ 15
Aula Nova
23 min
Tabs

Grátis
Aula Nova
13 min
Toggle

R$ 20
Aula Nova
34 min
Select / Dropdown

Grátis
32 min
Tooltip

R$ 15
24 min
Checkbox

Grátis
21 min
Avatar
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.
Idealizado por
Conteúdo de qualidade não precisa custar seu salário.
Idealizado por
Conteúdo de qualidade não precisa custar seu salário.
Idealizado por
Conteúdo de qualidade não precisa custar seu salário.
Idealizado por
Conteúdo de qualidade não precisa custar seu salário.
Idealizado por
Conteúdo de qualidade não precisa custar seu salário.
Idealizado por