TextAreaProps
Represents the props of the Kendo UI for Vue TextArea component.
Name | Type | Default | Description |
---|---|---|---|
ariaDescribedBy? |
| 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? |
| Identifies the element(s) which will label the component. | |
autoSize? |
| Specifies if the textarea element will resize its height automatically (see example).
Defaults to | |
className? |
| Specifies a list of CSS classes that will be added to the TextArea. | |
defaultValue? |
| The default value of the TextArea (see example). | |
dir? |
| Represents the | |
disabled? |
| Specifies if the TextArea is disabled (see example). | |
fillMode? |
|
| Configures the The available options are:
|
flow? |
| Defines the flow direction of the TextArea sections. | |
iconName? |
| Defines a string prop that controls the input icon. | |
id? |
| Sets the | |
inputClass? |
| Defines additional class to the input element. | |
inputPrefix? |
| Defines if the inputPrefix will be shown. Accepts a slot name, a | |
inputSuffix? |
| Defines if the inputSuffix will be shown. Accepts a slot name, a | |
modelValue? |
| ||
name? |
| Specifies the This property is part of the FormComponentProps interface. | |
placeholder? |
| The hint that is displayed when the TextArea is empty. | |
readOnly? |
| Sets the read-only state of the TextArea. | |
required? |
| Specifies if | |
resizable? |
| Defines the way the TextArea will resize. | |
rounded? |
|
| Configures the The available options are:
|
rows? |
| Specifies an exact height size for the TextArea to take (see example). | |
showClearButton? |
| Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'. | |
showLoadingIcon? |
| Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'. | |
showValidationIcon? |
| Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'. | |
size? |
|
| Configures the The available options are:
|
tabIndex? |
| Sets the | |
valid? |
| Overrides the validity state of the component.
If | |
validationMessage? |
| Controls the form error message of the component. If set to an empty string, no error will be thrown. | |
validityStyles? |
|
| If set to This property is part of the FormComponentProps interface. |
value? |
| Sets the value to be submitted (see example). | |
wrapperClass? |
| Defines additional class to the wrapper element. |
Methods
onBlur | ||||||
---|---|---|---|---|---|---|
The event handler that will be fired when TextArea is blurred. | ||||||
|
onChange | ||||||
---|---|---|---|---|---|---|
The event handler that will be fired when the changes the selected value. | ||||||
|
onFocus | ||||||
---|---|---|---|---|---|---|
The event handler that will be fired when TextArea is focused. | ||||||
|