Input 输入框

代替 HTML 原生控件,input、textarea。

  • <Input> 输入框组件
  • <InputGroup> 输入框组合组件
  • <InputGroup.Button> 与按钮组合
  • <InputGroup.Addon> 自定义附加元素

获取组件

import { Input, InputGroup } from 'rsuite';

演示

默认

尺寸

多行输入框

禁用

输入框组合

inside

按钮

帮助提示

Props

<Input>

属性名称 类型 (默认值) 描述
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 设置值 受控

<InputGroup>

属性名称 类型 (默认值) 描述
classPrefix string ('input-group') 组件 CSS 类的前缀
inside boolean 组合内容在内部
size enum: 'lg', 'md', 'sm', 'xs' ('md') 设置输入框组尺寸
🎉 v5 版本已经发布! 前往 v5 文档开始使用.