Evergreen exports two components to create text inputs:

• TextInput: base text input component. Directly maps to a input element.
• TextInputField: combines a label, text input and validation message in one. Used for traditional forms.

The TextInput component is a basic text input component. It directly maps to a input element.

The TextInput component works the same as using input directly. Use e.target.value to get the value of the component on change.

The TextInputField component combines a TextInput with a label and optional description, validationMessage and hint.

Default text input field
This is a description.

Default text input field
This is a hint.

A required text input field *
This is a description.

A required text input field *
This is a description.
This field is required

A required text input field *
This is a description.
This field is required

The TextInputField component works the same as using input directly. Use e.target.value to get the value of the component on change.

A controlled text input field *
This is a description.