The text input component allows users to enter and edit a single line of free-form text.
Text is the default input type. Any keyboard text may be entered, including numbers and symbols.
If the input field is required, you should pass the required prop. This will prevent any form submission until the required input is complete.
You may wish to disable an input field in order to prevent a user from entering or editing any information while some task is being completed, or to restrict a user's access.
If you want to render information that has already been entered for viewing purposes only, use the readOnly prop. The user will not be able to edit the input if it is read only.