Use and Import
import Input from 'nes-design/es/Input'; OR import { Input } from 'nes-design';
Copy
Tips
Input / Textarea share a common component, which needs to be distinguished by inputType
输入框和文本框共用一个组件,需要使用 inputType 参数进行区分
Case
Input / TextArea
Props
Prop / 参数 | Description / 描述 | Type / 类型 | Default / 默认值 |
---|
inputType | input type / 输入框的类型 | 'input' | 'textarea' | input |
theme | theme / 输入框的主题 | 'dark' | - |
status | input status / 输入框的状态 | 'success' | 'warning' | 'error' | 'disabled' | - |
addonBefore | before suffix / 前缀 | React.ReactNode | - |
addonAfter | after suffix / 后缀 | React.ReactNode | - |
disabled | disabled / 禁止 | boolean | - |
spanProps | span label props / span 外层容器属性 | React.HTMLAttributes<HTMLSpanElement> | - |
Prop / 参数 | Description / 描述 | Type / 类型 | Default / 默认值 |
---|
...rest | more attrs(Example: onChange, onFocus) / 更多属性(Example: onChange) | React.InputHTMLAttributes<HTMLTextAreaElement> | - |
Prop / 参数 | Description / 描述 | Type / 类型 | Default / 默认值 |
---|
...rest | more attrs(Example: onChange, onFocus) / 更多属性(Example: onChange) | React.TextareaHTMLAttributes<HTMLInputElement> | - |