Use a text field to allow the user to enter a string of text
Text fields have a label to explain the required information and optional hint text to provide extra context
Usage
Use short, clear label text that doesn’t take up multiple lines.
Text fields should be labelled ‘optional’ where an input isn’t required.
Don’t use placeholder text to provide any required information.
Don't use the text field component when asking the user for a long response that won't fit into the input field. Use the larger, multi-line textarea field instead.
Available platforms
|
Platform |
Available |
|---|---|
|
Figma |
v3+ |
|
Web (@ovotech/element) |
v3.1.0+ |
|
App (@ovotech/element-native) |
v3.1.0+ |
Related
External links