Input

基本用法

展开

错误态

通过设置error属性可以设置输入框的错误态. 结合error-message可以实现对错误数据的提示

展开

不同形态

通过设置variants属性，可以设置输入框的不同形态

展开

Label不同位置

通过设置label-position属性，可以设置输入框label的不同位置

展开

多种颜色

colors属性支持default | primary | danger | warning | success颜色

展开

不同大小

sizes属性支持sm|md|lg

展开

插槽

展开

描述

展开

Props

参数名	参数类型	类型简介	示例	默认值
modelValue	String	-	-
size	InputSize	输入框大小	#不同大小	'md'
variant	InputVariant	输入框变种	#不同形态	'fill'
colors	InputColors	输入框主题颜色	#多种颜色	'default'
label	String	输入框的标签	#label不同位置	''
placeholder	String	输入框占位符	-	''
labelPosition	InputLabelPosition	输入框标签位置, 当且仅当label属性不为空字符串时才生效	#label不同位置	'top-inside'
errorMessage	String	当error属性为true时, 显示的内容	#错误态	''
error	Boolean	错误态	#错误态	false
id	String	输入框id	#基本用法	-
description	String	描述, 一般位于input的最底部. 优先级比errorMessage低	#描述	''
freezeLabelPosition	Boolean	是否冻结label, 不产生位移.	#插槽	false

Types

export type InputSize = 'sm' | 'md' | 'lg';
export type InputVariant = 'fill' | 'border';
export type InputColors = 'default' | 'primary' | 'warning' | 'danger' | 'success';
export type InputLabelPosition = 'top-outside' | 'top-inside' | 'left-outside';