TulipInput 输入框
一个朴实无华的输入框。
基础用法
文本输入框
展开源码
前缀 & 后缀
通过插槽添加前缀后缀
$
元
http://
.com
展开源码
加载状态
支持加载状态
展开源码
密码
使用 visibility-toggle 配置密码显示的切换方式
展开源码
禁用
输入框可以禁用
展开源码
可清空
清空输入的值，在有值时
展开源码
输入组
输入框可以组合
￥
元
http://
.com
展开源码
尺寸
展开源码
Input 属性
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 文本输入的值 | string | null | null |
| type | 输入框类型 | 'text' | 'password' | 'textarea' | 'text' |
| status | 验证状态 | 'success' | 'warning' | 'error' | undefined |
| size | 输入框尺寸 | 'large' | 'medium' | 'small' | 'medium' |
| placeholder | 输入框的占位符 | string | undefined |
| visibility-toggle | 显示密码按钮切换方式 | 'click' | 'mousedown' | undefined |
| disabled | 是否禁用 | boolean | false |
| loading | 加载状态 | boolean | false |
| clearable | 是否可清空 | boolean | false |
Input 插槽
| 名称 | 说明 | 参数 |
|---|---|---|
| prefix | Input 前缀内容 | () |
| suffix | Input 后缀内容 | () |