代替 HTML 原生控件,input、textarea。
<Input>
输入框组件
<InputGroup>
输入框组合组件
<InputGroup.Button>
与按钮组合
<InputGroup.Addon>
自定义附加元素
获取组件
import { Input, InputGroup } from 'rsuite';
演示
Props
属性名称 |
类型 (默认值) |
描述 |
classPrefix |
string ('input') |
组件 CSS 类的前缀 |
defaultValue |
number |
设置默认值 |
disabled |
boolean |
禁用 |
onChange |
(value: any, event: SyntheticInputEvent) => void |
value 发生变化的回调函数 |
size |
enum: 'lg', 'md', 'sm', 'xs' ('md') |
设置输入框尺寸 |
type |
string ('text' ) |
HTML input type. |
value |
number |
设置值 受控 |
属性名称 |
类型 (默认值) |
描述 |
classPrefix |
string ('input-group') |
组件 CSS 类的前缀 |
inside |
boolean |
组合内容在内部 |
size |
enum: 'lg', 'md', 'sm', 'xs' ('md') |
设置输入框组尺寸 |