Text Input Guidelines

The Text Input component is the basic text input element. It allows users to enter a single line of text, which can contain letters, numbers, and symbols.

Best Practices

Do:

• Use Text Input as part of the Field component to easily add labels, helper tooltips, messages, etc.
• Provide placeholder text that describes what the user should type in the field, e.g. "Type username here".

Avoid:

• Avoid using the placeholder as a label.
• Avoid using it when the user needs to enter more than a few words. For longer text input, use Textarea.
• Avoid using Text Input for use-cases that have a dedicated component, e.g. Number Input, Date Picker, etc.