Select / Dropdown

Exclusiva

Iniciante

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.

Willian Matiola

34 min

20 pts

Componente

Pagar com PIX?

Pagar com PIX?

Pagar com PIX?

Pagar com PIX?

Pagar com PIX?

Doamos 20% do valor de cada aula exclusiva que você adquire ou de qualquer valor doado nas aulas gratuitas. Confira o portal de Transparência.

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

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

    • 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

    • 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

Assista em seguida

550

Alunos na newsletter

Newsletter

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

Inscreva-se:

550

Alunos na newsletter

Newsletter

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

Inscreva-se:

550

Alunos na newsletter

Newsletter

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

Inscreva-se: