Input

Basic form input component that supports prefix, suffix icons, and other features.

Basic Usage

Icon

Set the prefix and suffix icons of the input box through the prefix and suffix properties.

Password

Create a password input box by setting type="password".

Disabled State

Set the input box to a disabled state by setting the disabled attribute.

Formatted Input

Format the input content by setting the mask attribute. For example, it can be used to format phone numbers, dates, etc. (Setting the mask attribute requires setting type='text').

Regular Expressions

You can limit the format of the input content using regular expressions. For example, the following example limits the input to only numbers starting with 1-6 and up to 6 digits.

Attributes

Attribute Name	Description	Type	Default Value
type	Input box type	'text' | 'password'	'text'
placeholder	Input box placeholder text	string	-
disabled	Whether to disable	boolean	false
prefix	Prefix icon	string	-
suffix	Suffix icon	string	-
mask	Input formatting rule	string	-
modelValue	Bound value	string | number	-