Input adornments

Material-UI Input components have properties that allow you to customize the way that they look and behave. The idea is that you can adorn inputs with other Material-UI components to extend the functionality of basic text inputs in a way that makes sense for the users of your application.

How to do it...

Let's say that your app has several screens that have password inputs. The users of your app like the ability to see passwords as they're typed. By default, values will be hidden, but if the input component itself had a button that toggles the visibility of the value, that would make your users happy.

Here's an example of a generic component that will adorn password fields with a visibility...