
Usage
Placeholder and an initial value can be given.
Guidance
Type of entered data can be validated by extra validation.
Consider activating allow clear to let users remove entered text by clicking on the X icon.
When to use
Use Text Field for text data input.
Additional info
Consider using prefix and suffix icons to take the attention of users and give ideas related to the subject.
Consider using bordered to emphasize dense environments.
Variations
The updatable properties of Text Fields are placeholder, initial value, max length, prefix icon, and suffix icon.
The updatable behaviors of Text Fields are allowed clear, extra validation, and bordered.
The updatable style features of Text Fields are margin, padding, size, overflow, typography, background, border, effects, and CSS.
The updatable style features of Text Field Wrappers are margin, padding, size, overflow, typography, background, border, effects, and CSS.
The updatable style features of Text Field Prefix are margin, padding, typography, effects, and CSS.
The updatable style features of Text Field Suffix are margin, padding, typography, effects, and CSS.
The updatable style features of Text Field Placeholder are margin, padding, typography, and CSS.
The usable dynamic properties of Text Fields are placeholder, size, maxLength, addonBefore, addonAfter, prefix, suffix, allowClear, disabled, bordered, hidden and style.