Entering content through the mouse or keyboard is the most basic form field wrapper.
Examples
Basic
Basic
0/200
Show word count
Show word count
RMB
Icon
Show prefix icon or suffix
focus
Use focus method
https://.xyzhttps://
Pre/Post labels
Use to configure some fixed combinations.
With clear icon
Input box with the remove icon, click the icon to delete everything.
Input states
Input states.
Size
Different size
Password Input
Password input
URL
URL
URL
Group
Group
Properties
Input
| Property | Description | Type | Default | Require |
|---|---|---|---|---|
| prefix | prefix | React.ReactNode | - | false |
| suffix | suffix | React.ReactNode | - | false |
| addonBefore | node addon before | React.ReactNode | - | false |
| addonAfter | node addon after | React.ReactNode | - | false |
| onChange | value change event | function | - | false |
| value | value | string | - | false |
| defaultValue | default value | string | - | false |
| disabled | disabled mode | boolean | - | false |
| readOnly | readOnly mode | boolean | - | false |
| showCount | show value length count | boolean | - | false |
| allowClear | show icon for clear value | boolean | - | false |
| size | size | middle | large | small | middle | false |
| maxLength | value max length | number | - | false |
Other properties of the
Inputcomponent are the same as those of the normalinput.
Password
For other parameters, please refer to
Input
| Property | Description | Type | Default | Require |
|---|---|---|---|---|
| renderIcon | custom icon | (visible: boolean) => React.ReactNode | - | false |
InputGroup
For other parameters, please refer to
Input
| Property | Description | Type | Default | Require |
|---|---|---|---|---|
| size | Internal component size | middle | large | small | middle | false |