Input component specifies an field where the user can enter data.
suffix or prefix content inside.textarea prop to true.invalid prop is set to true.| Prop | Description | Type | Default |
|---|---|---|---|
| disabled | Whether the Input is disabled | boolean | - |
| invalid | Whether the Input is invalid status | boolean | - |
| onBlur | Callback when Input remove focus | (e: MouseEvent) => void | - |
| onChange | Callback when Input value changed | (e: MouseEvent) => void | - |
| onFocus | Callback when Input is focused | (e: MouseEvent) => void | - |
| prefix | Render a prefix content inside Input | string | ReactNode | - |
| size | Input size | 'lg' | 'md' | 'sm' | 'md' |
| suffix | Render a suffix content inside Input | string | ReactNode | - |
| textArea | Whether to turn Input into textarea field | boolean | - |
| type | Input type, refer to MDN for available types | string | 'text' |
| unstyle | Whether to remove input default style | boolean | false |