TextBoxProps

Defines the built-in aria-label property of the input element inside the TextBox.

Configures the fillMode of the TextBox.

The available options are:

• solid
• outline
• flat

Defines a string prop that controls the input icon. This property works only with the Kendo UI for Vue FontIcons. Check the Icons article for more information about how the Font Icon can be loaded to your project.

Renders a floating label for the TextBox component.

Sets the built-in HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.

Defines additional class to the input element.

Defines the built-in maxlength property of the text inputs.

• As the property is directly passed to the internal input element, when defining it, it should be written as it is - maxlength. Camel-case and kebap-case won't work in this scenario.

Defines the built-in minlength property of the text inputs.

• As the property is directly passed to the internal input element, when defining it, it should be written as it is - minlength. Camel-case and kebap-case won't work in this scenario.

Specifies the name property of the input DOM element.

Fires when the input is blurred.

Fires when the change event of the input is triggered.

Fires when the input is focused.

Fires when the 'keydown' input event is triggered.

Fires when the 'keypress' input event is triggered.

Fires when the 'keyup' input event is triggered.

Fires when the input event of the input is triggered.

Specifies the placeholder of an input element. Used to define if the input is empty.

Defines if the inputPrefix will be shown. Accepts a slot name, a render function, or a Vue component.

Specifies if null is a valid value for the component.

Defines the role of the input element inside the TextBox.

Configures the roundness of the TextBox.

The available options are:

• none
• small
• medium
• large
• full

Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.

Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.

Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.

Configures the size of the TextBox.

The available options are:

• small
• medium
• large

Defines if the inputSuffix will be shown. Accepts a slot name, a render function, or a Vue component.

Defines the built-in tabindex property of the input element inside the TextBox.

Defines the built-in title property of the input element inside the TextBox.

Overrides the validity state of the component. If valid is set, the required property will be ignored.

Controls the form error message of the component. If set to an empty string, no error will be thrown.

If set to false, no visual representation of the invalid state of the component will be applied.

Defines additional class to the wrapper element.