Common Properties
These properties are present in multiple components.
Properties
classdefaultdescriptionhelpTexthelpTextPlacementhelpTextPositionhelpTextTitleidlabelmaxLengthplaceholderreadOnlyshowLabeltag
class
A string with one or more css classes separated by a space that is appended into div.formatic-field-container element class attribute.
- type:
string - default value:
empty string
default
The field default value which has the same type of the field’s value (string, object, array, numeric, etc).
- type: depends on the field’s type value (string, object, array, numeric, etc)
- default value:
undefined
description
The field’s description that will be displayed between its label and input. It accepts html and css.
- type:
string - default value:
empty string
helpText
The help popup’s content. It accepts html and css.
- type:
string - default value:
empty string
helpTextPlacement
The help popup placement that is send down to Ant Design Popover component.
The options are: topLeft, top, topRight, leftTop, left, leftBottom, rightTop, right, rightBottom, bottomLeft, bottom and bottomRight.
- type:
string - default value:
empty string
helpTextPosition
The help icon’s position in relation to the field. The options are: left or right.
- type:
string - default value:
empty string
helpTextTitle
The help popup title.
- type:
string - default value:
empty string
id
The field id stored in data-id attribute of div.formatic-field-container element.
- type:
string - default value:
empty string
label
The field’s label.
- type:
string - default value:
empty string
placeholder
The field’s placeholder.
- type:
string - default value:
empty string
readOnly
The input’s readOnly attribute.
- type:
bool - default value:
false
maxLength
The limit of characters allowed to type on the input.
- type:
number - default value:
undefined
showLabel
Determines whether or not label will be displayed.
- type:
bool - default value:
false
tag
The field tag stored in data-tag attribute of div.formatic-field-container element.
- type:
bool - default value:
false