Hey! Here are some best practices of Input Component design.
- Use enough padding for scannability
- Add enough space between inputs
- Add enough spacing between elements (Label, help text, icon, placeholder, validation text etc.)
- Use standard input styling for faster recognition
- Use labels to guide users
- Keep labels concise
- Keep labels legible
- Select label case that's easier to read
- Keep the input text legible
- Provide concise but meaningful helper text
- Provide informative placeholders
I will add more description later.
Thanks you.
See my portfolios on Behance | Dribbble
Follow me on LinkedIn
Top comments (0)