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.
Feedback
Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.