Component – Inputs Best Practices

Hey! Here are some best practices of Input Component design.

1. Use enough padding for scannability
2. Add enough space between inputs
3. Add enough spacing between elements (Label, help text, icon, placeholder, validation text etc.)
4. Use standard input styling for faster recognition
5. Use labels to guide users
6. Keep labels concise
7. Keep labels legible
8. Select label case that's easier to read
9. Keep the input text legible
10. Provide concise but meaningful helper text
11. Provide informative placeholders

I will add more description later.

Thanks you.
See my portfolios on Behance | Dribbble
Follow me on LinkedIn