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.

Did this answer your question?