TextAreaProps

Represents the props of the Kendo UI for Vue TextArea component.

Name	Type	Default	Description
ariaDescribedBy?	string		Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.
ariaLabelledBy?	string		Identifies the element(s) which will label the component.
autoSize?	boolean		Specifies if the textarea element will resize its height automatically (see example). Defaults to false.
className?	string		Specifies a list of CSS classes that will be added to the TextArea.
defaultValue?	string | number | string[]		The default value of the TextArea (see example).
dir?	string		Represents the dir HTML attribute.
disabled?	boolean		Specifies if the TextArea is disabled (see example).
fillMode?	string	solid	Configures the fillMode of the NumericTextBox. The available options are: solid outline flat null—Does not set a fillMode class.
flow?	string		Defines the flow direction of the TextArea sections.
iconName?	string		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.
id?	string		Sets the id of the TextArea.
inputAttributes?	Object		Sets the built-in HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
inputClass?	string		Defines additional class to the input element.
inputPrefix?	string | boolean | Object | Function		Defines if the inputPrefix will be shown. Accepts a slot name, a render function, or a Vue component.
inputSuffix?	string | boolean | Object | Function		Defines if the inputSuffix will be shown. Accepts a slot name, a render function, or a Vue component.
maxlength?	string		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.
minlength?	string		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.
modelValue?	string | number | string[]
name?	string		Specifies the name property of the textarea DOM element. This property is part of the FormComponentProps interface.
onBlur?	(event: TextAreaBlurEvent) => void		The event handler that will be fired when TextArea is blurred.
onChange?	(event: TextAreaChangeEvent) => void		The event handler that will be fired when the changes the selected value.
onFocus?	(event: TextAreaFocusEvent) => void		The event handler that will be fired when TextArea is focused.
placeholder?	string		The hint that is displayed when the TextArea is empty.
readOnly?	boolean		Sets the read-only state of the TextArea.
required?	boolean		Specifies if null is a valid value for the component.
resizable?	string		Defines the way the TextArea will resize.
rounded?	string	medium	Configures the roundness of the NumericTextBox. The available options are: small medium large full null—Does not set a rounded class.
rows?	number		Specifies an exact height size for the TextArea to take (see example).
showClearButton?	boolean		Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.
showLoadingIcon?	boolean		Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.
showValidationIcon?	boolean		Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.
size?	string	medium	Configures the size of the NumericTextBox. The available options are: small medium large null—Does not set a size class.
tabIndex?	number		Sets the tabIndex property of the TextArea. Defaults to 0.
title?	string		Identifies the title of the TextArea component.
valid?	boolean		Overrides the validity state of the component. If valid is set, the required property will be ignored.
validationMessage?	string		Controls the form error message of the component. If set to an empty string, no error will be thrown.
validityStyles?	boolean	true	If set to false, no visual representation of the invalid state of the component will be applied. This property is part of the FormComponentProps interface.
value?	string | number | string[]		Sets the value to be submitted (see example).
wrapperClass?	string		Defines additional class to the wrapper element.