field.text

A field for entering a short text, not more than a line. To add a field for entering multiple lines of text, use field.textarea.

View example in the sandbox.

Component properties

NameTypeDescription
type*"field.text"

Set component type

data*writable

Data with values that will be processed or changed.

labelstring

Label above the component.

disabledboolean

If true, editing is not available.

hintstring

Hint text.

placeholderstring

A semi-transparent label that is shown in the box when it is empty.

requiredMarkboolean

Show "*" next to the label

rtlobject

In some languages, like Arabic or Hebrew, text is written from right to left. Use this property to set up the correct display mode for the component.

View example in the sandbox.

Learn more about RTL languages.

rtl.modestring

Display mode:

  • ltr — left to right.
  • rtl — right to left.

The chosen value will be added to the dir attribute in the component's HTML code. Learn more about dir.

validationcondition

Validation based on condition.

NameTypeDescription
type*"field.text"

Set component type

data*writable

Data with values that will be processed or changed.

labelstring

Label above the component.

disabledboolean

If true, editing is not available.

hintstring

Hint text.

placeholderstring

A semi-transparent label that is shown in the box when it is empty.

requiredMarkboolean

Show "*" next to the label

rtlobject

In some languages, like Arabic or Hebrew, text is written from right to left. Use this property to set up the correct display mode for the component.

View example in the sandbox.

Learn more about RTL languages.

rtl.modestring

Display mode:

  • ltr — left to right.
  • rtl — right to left.

The chosen value will be added to the dir attribute in the component's HTML code. Learn more about dir.

validationcondition

Validation based on condition.