输入框用于接收用户文本输入,提供不同的状态反馈帮助用户理解当前输入状态。
点击输入框体验交互效果,观察状态变化。
输入框定义了两种尺寸(large, default),分别为 40px 和 32px。
输入框的错误状态和禁用状态。
输入框右侧显示字符计数,超过限制时显示错误状态。
输入框右侧显示搜索图标,有内容时显示清除图标。
输入框左侧显示链接图标,右侧显示复制按钮。
多行文本输入框,适用于长文本输入场景。
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| placeholder | 输入框占位文本 | string | - | 'Placeholder' |
| value | 输入框初始值 | string | - | '' |
| state | 输入框状态 | string | 'default' | 'error' | 'default' |
| size | 输入框尺寸 | string | 'large' | 'default' | 'large' |
| type | 输入框类型 | string | 'default' | 'textarea' | 'default' |
| disabled | 是否禁用 | boolean | true | false | false |
| charLimit | 字符限制数量,设置后显示计数 | number | - | null |
| showSearch | 显示搜索图标 | boolean | true | false | false |
| showLinkCopy | 显示链接复制功能 | boolean | true | false | false |
| onInput | 输入事件回调 | function | - | null |
| onFocus | 聚焦事件回调 | function | - | null |
| onBlur | 失焦事件回调 | function | - | null |
| onChange | 值变化事件回调 | function | - | null |
| onSearch | 搜索事件回调 | function | - | null |
| onClear | 清除事件回调 | function | - | null |
| onCopy | 复制事件回调 | function | - | null |
| className | 自定义类名 | string | - | '' |
| id | 自定义 id | string | - | '' |