Input
Container properties
All component configurations support Container properties at the first level.
Special container properties props
Input supports other container properties except for common container properties
| Name | Type | Default | Supports Variable Pattern | Description |
|---|---|---|---|---|
| validation | validation | ✔️ | Additional data verification | |
| allowI18nValue | bool | Is it allowed to enter multiple languages |
Component properties
| Name | Type | Default | Supports Variable Pattern | Description |
|---|---|---|---|---|
| className | string | ✔️ | component's className | |
| style | object | component style | ||
| i18nInputLayout | 'collapsed' | 'flat' | Component style |
All the remaining componentsProps will be passed to the component root element（Input）。
validation
| Name | Type | Default | Description |
|---|---|---|---|
| required | bool | false | required |
| minLength | number | Minimum length | |
| minLengthErrorMessage | string | Error message less than the minimum length | |
| maxLength | number | Maximum length | |
| maxLengthErrorMessage | string | Error message greater than maximum length | |
| ootb | 'isIDNumber' | 'isEmail' | 'isMobilePhoneNum' | System-provided verification format | |
| regex | string | regular verification | |
| regexErrorMessage | string | Prompt message when regular verification error |
JS API
The interface obtained through formApi.getFieldApi() is as follows:
| Name | Type | Description |
|---|---|---|
| node | HTML Element | Component root DOM element |
| input | HTML Element | input input box DOM element |