Menu Icon

Text Field

A text field allows data entry by entering text. They let users display one rowed text at default.

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.