Visualização não disponível para mobile
Esse conteúdo foi preparado para ser visualizado exclusivamente em um computador.
Visão geral
O componente selectfield é um campo de formulário que permite ao usuário selecionar múltiplas opções de uma lista de valores predefinidos. Ele é particularmente útil em cenários onde é necessário escolher mais de uma opção sem a necessidade de realizar múltiplas operações individuais.
Label
Value
Label
Value
Label
Value
Helper text
Do's and Don'ts
✅ Quando o usuário precisa selecionar mais de uma opção de uma lista de valores.✅ Em formulários que exigem a entrada de dados complexos e variados.✅ Para filtros de busca ou categorias em sistemas de e-commerce, onde múltiplas opções podem ser selecionadas para refinar os resultados.
🚫 Quando a seleção de apenas uma opção é necessária.🚫 Quando o número de opções é muito pequeno, tornando a seleção múltipla desnecessária.🚫 Em dispositivos móveis, se não for adaptado adequadamente para uma experiência de usuário confortável.
Como usar
- Forneça uma lista clara e organizada de opções para o usuário.
- Utilize caixas de seleção (checkboxes) ou chips selecionáveis para indicar as opções escolhidas.
- Garanta que o componente seja facilmente navegável e acessível.
Conteúdo
- Opções: Cada opção deve ser clara e descritiva, garantindo que o usuário entenda o que está selecionando.
- Placeholder: Use um placeholder descritivo, como "Selecione opções" para guiar o usuário.
Select
Visão geral
O componente selectfield é um campo de formulário que permite ao usuário selecionar múltiplas opções de uma lista de valores predefinidos. Ele é particularmente útil em cenários onde é necessário escolher mais de uma opção sem a necessidade de realizar múltiplas operações individuais.
Label
Value
Label
Value
Label
Value
Helper text
Do's and Don'ts
✅ Quando o usuário precisa selecionar mais de uma opção de uma lista de valores.✅ Em formulários que exigem a entrada de dados complexos e variados.✅ Para filtros de busca ou categorias em sistemas de e-commerce, onde múltiplas opções podem ser selecionadas para refinar os resultados.
🚫 Quando a seleção de apenas uma opção é necessária.🚫 Quando o número de opções é muito pequeno, tornando a seleção múltipla desnecessária.🚫 Em dispositivos móveis, se não for adaptado adequadamente para uma experiência de usuário confortável.
Como usar
- Forneça uma lista clara e organizada de opções para o usuário.
- Utilize caixas de seleção (checkboxes) ou chips selecionáveis para indicar as opções escolhidas.
- Garanta que o componente seja facilmente navegável e acessível.
Conteúdo
- Opções: Cada opção deve ser clara e descritiva, garantindo que o usuário entenda o que está selecionando.
- Placeholder: Use um placeholder descritivo, como "Selecione opções" para guiar o usuário.