Getting Started
    Native Components
    • Animation
    • Buttons
    • Charts
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • Notificationnew
    • PDF Processing
    • Popup
    • Progress Bars
    • Schedulernew
    • ScrollViewnew
    • Tooltip
    • TreeViewnew
    • Upload
    Wrapper Components
    Styling & Themes
    Common Features
    Project Setup
    Changelog
New to Kendo UI for Vue? Start a free 30-day trial

TextAreaProps

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

NameTypeDefaultDescription

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?

"null" | string

solid

Configures the fillMode of the NumericTextBox.

The available options are:

  • solid
  • outline
  • flat
  • nullDoes not set a fillMode class.

flow?

String | TextAreaFlow

Defines the flow direction of the TextArea sections.

iconName?

String

Defines a string prop that controls the input icon.

id?

string

Sets the id of the TextArea.

inputClass?

String

Defines additional class to the input element.

inputPrefix?

Object | Function | String | Boolean

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

inputSuffix?

Object | Function | String | Boolean

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

modelValue?

string | number | string[]

name?

string

Specifies the name property of the textarea DOM element.

This property is part of the FormComponentProps interface.

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 | TextAreaResize

Defines the way the TextArea will resize.

rounded?

"null" | string

medium

Configures the roundness of the NumericTextBox.

The available options are:

  • small
  • medium
  • large
  • full
  • nullDoes 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?

"null" | string

medium

Configures the size of the NumericTextBox.

The available options are:

  • small
  • medium
  • large
  • nullDoes not set a size class.

tabIndex?

number

Sets the tabIndex property of the TextArea. Defaults to 0.

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.

Methods

onBlur

The event handler that will be fired when TextArea is blurred.

Parameters

event

TextAreaBlurEvent

onChange

The event handler that will be fired when the changes the selected value.

Parameters

event

TextAreaChangeEvent

onFocus

The event handler that will be fired when TextArea is focused.

Parameters

event

TextAreaFocusEvent