Input
O Input permite a inserção de informações no sistema. São compostos por:
- Label: Indica o tipo de informação exigida. Use palavras claras e sucintas
- Placeholder: Pode ser usado para ajudar a entender o uso do componente. Por exemplo: em um campo de filtro ou busca, o placeholder pode dizer ”Digite um termo para ver mais informações”. Deve ser usado apenas em casos específicos, não em todos os campos da interface
- Ajuda/Feedback: Pode ser usado para ajudar no preenchimento dos dados, fornecendo regras específicas para senhas ou mostrando que o campo está preenchido de maneira incorreta
Através de textos pré-digitados, dicas e rótulos, facilitamos o entendimento sobre o que deve ser escrito em determinados campos, evitando erros, repetições e frustrações.
Boas práticas:
- Dê exemplos de informações e dicas do que pode ser digitado
- Use verbos para guiar. Por exemplo: no campo senha, informe "use no mínimo 8 letras e números"
- Seja consistente nas formas como essas dicas são usadas para campos de texto
Prefixos e sufixos
Prefixos e sufixos podem ajudar no preenchimento de campos com formatos específicos, facilitando a compreensão e formatação da informação nos padrões exigidos.