stdf/doc/components/input/api_en.md

Input Props

Property Name	Type	Default Value	Optional Values	Required	Description
title	String/slot	''	-	No	The title content.
placeholder	String	''	-	No	The placeholder text for the input field.
titlePosition	String	'out'	'out'/'in'/'none'	No	The position of the title.
inputPosition	String	'left'	'left'/'right'	No	The position of the input text.
radius	String	'base'	'none'/'base'/'xl'/'full'	No	The style of the corner radius.
inputStyle	String	'block'	'block'/'line'	No	The style of the input field.
py	String	'2'	'0'/'0.5'/'1'/'2'/'3'/'4'/'6'	No	The vertical spacing.
lineTransition	String	'none'	'none'/'center'/'left'	No	The position of linear transition.
duration	String	'base'	'fast'/'base'/'slow'/'slower'	No	The transition duration.
value	String	''	-	No	The value of the input field.
type	String	'text'	'text'/'decimal'/'email'/'none'/'numeric'/'search'/'tel'/'url'/'password'/'number'/'textarea'	No	The type of the input field.
inputmode	String	''	'text'/'decimal'/'email'/'none'/'numeric'/'search'/'tel'/'url'	No	The data type to be entered.
state	String	'theme'	'theme'/'success'/'warning'/'error'/'info'	No	The state of the input field.
maxlength	Number	24	-	No	The maximum number of characters allowed.
rows	Number	2	-	No	The number of rows when the input is a text area.
autosize	Boolean	false	true/false	No	Whether or not the text area automatically adjust its height.
textareaMaxlength	Number	200	-	No	The maximum number of characters allowed in the text area.
clear	Boolean	false	true/false	No	Whether or not it is possible to clear the input field.
autocomplete	Boolean	true	true/false	No	Whether or not to enable auto-fill functionality.
disabled	Boolean	false	true/false	No	Whether or not the input field is disabled.
label1	String/Object/slot	''	''/Icon Props/slot	No	The contents of label 1.
label2	String/slot	''	''/Any String/slot	No	The contents of label 2.
label3	String/Object/slot	''	''/Icon Props/slot	No	The contents of label 3.
label4	String/Object/slot	''	''/Icon Props/slot	No	The contents of label 4.
label5	String/slot	''	''/Any String/slot	No	The contents of label 5.
label6	String/Object/slot	''	''/Icon Props/slot	No	The contents of label 6.
tip	String/slot	''	''/Any String/slot	No	The contents of the hint message.
data1	String/slot	''	''/Any String/slot	No	The contents of data item 1.
data2	String/slot	''	''/Any String/slot	No	The contents of data item 2.
data3	String/slot	''	''/Any String/slot	No	The contents of data item 3.

Input Events

Event Name	Parameters	Description
focus	event: event object, with 'detail' indicating the current value	Triggered when the input field receives focus.
blur	event: event object, with 'detail' indicating the current value	Triggered when the input field loses focus.
change	event: event object, with 'detail' indicating the current value	Triggered when the value of the input field is changed.
clear	-	Triggered when the clear button is clicked.
clicklabel1	-	Triggered when label 1 is clicked.
clicklabel2	-	Triggered when label 2 is clicked.
clicklabel3	-	Triggered when label 3 is clicked.
clicklabel4	-	Triggered when label 4 is clicked.
clicklabel5	-	Triggered when label 5 is clicked.
clicklabel6	-	Triggered when label 6 is clicked.
keydown	event: Event object, where detail represents the key that is pressed.	Triggered when the keyboard is pressed.

Input Slots

Slot Name	Description
title	Content of the title slot.
data1	Content of data item 1 slot.
data2	Content of data item 2 slot.
data3	Content of data item 3 slot.
label1	Content of label 1 slot.
label2	Content of label 2 slot.
label3	Content of label 3 slot.
label4	Content of label 4 slot.
label5	Content of label 5 slot.
label6	Content of label 6 slot.
tip	Content of the tip slot (informational message).