In Material design documentation we see optional icons inside an input. What if I want to have a clear icon (3) and display an error icon (2) at the same time? Side by side? Material design input icons


1 Answer 1


Ah that’s going to be tricky – is moving away from Material Design’s form fields out of the question?

I say this because on top of the problem you raise, float labels have a load of usability issues.

If you’re particularly interested in designing forms that are easy to use, check out Form Design Patterns published by Smashing Magazine.

I cover all these things and more in lots of detail. Sorry to plug my own thing, but poured months into it and it genuinely might help you.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.