输入框组件

输入框组件支持各种类型的输入,包括文本、数字、密码等,可以添加前置/后置图标和文本。

基础输入框

最基本的输入框用法,适用于大部分文本输入场景。

不同类型输入

通过设置 type 属性可以使用不同类型的输入框,如邮箱、密码、数字、日期等。

不同尺寸

通过设置 size 属性可以改变输入框的大小:sm、md(默认)、lg。

不同状态

输入框支持多种状态:禁用、只读、必填和错误状态。

带图标输入框

通过 prefix-icon 和 suffix-icon 属性可以在输入框前后添加图标。

组件属性

属性描述类型默认值
type输入框类型(text、email、password、number等)stringtext
size输入框尺寸stringmd
label输入框标签string
placeholder占位文本string
disabled是否禁用booleanfalse
readonly是否只读booleanfalse
required是否必填booleanfalse
error错误信息string
prefix-icon前置图标string
suffix-icon后置图标string
help-text帮助文本string
设计赋能,创新无限