FormsTextInput
TextInput
When to use TextInput instead of a related input component, and how to write placeholder text.
Alternatives
- Textarea — For multi-line text input
- CurrencyInput — For currency amount input
- DurationInput — For amount of time input
- SearchInput — For search input
Placeholder
Placeholder text provides hints or examples of what to enter.
Placeholder text disappears after the user begins entering data into the input and should not contain crucial information. Do not use placeholder text as a replacement for labels or descriptions.
Use sentence-style capitalisation, and in most cases, write the text as a direct statement without punctuation.