Text fields let users enter and edit text.
Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.
TextField wrapper component is a complete form control including a label, input and help text.
You might also have noticed that some native HTML input properties are missing from the
This is on purpose.
The component takes care of the most used properties, then it's up to the user to use the underlying component shown in the following demo. Still, you can use
InputLabelProps properties) if you want to avoid some boilerplate.
FormControl allow the specification of
margin to alter the vertical spacing of inputs. Using
none (default) will not apply margins to the
normal will as well as alter
other styles to meet the specification.
Input allows the provision of
These can be used to add a prefix, a suffix or an action to an input.
For instance, you can use an icon button to hide or reveal the password.
You can use third-party libraries to format an input.
You have to provide a custom implementation of the
<input> element with the
If you have been reading the overrides documentation page but you are not confident jumping in, here's an example of how you can change the main color of an Input.