Usage
Placeholder and 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 X icon.
When to use
- Use Text Field for text data input.
Additional info
- Consider using prefix and suffix icons to take attention of users and give ide as related with subject.
- Consider using bordered to emphasize on dense environments.
Variations
- The updatable properties of Text Fields are placeholder, initial value, max lenght, prefix icon and suffix icon.
- The updatable behaviours of Text Fields are allow 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, maxLenght, addonBefore, addonAfter, prefix, suffix, allowClear, disabled, bordered, hidden and style.