New to Kendo UI for AngularStart a free 30-day trial

Defines the settings interface for the text area functionality used in components that integrate the TextArea component, such as the AIPrompt (see example).

Definition

Package:@progress/kendo-angular-inputs

Syntax:

TS
const textareaSettings: TextAreaSettings = {
  rows: 5,
  placeholder: 'Enter your prompt here',
  maxlength: 1000,
  resizable: 'vertical'
};

Properties

Specifies the orientation of the TextArea adornments.

cols?

number

Sets the visible width of the text area in average character width.

disabled?

boolean

Sets the disabled state of the TextArea component.

Sets the background and border styles of the TextArea.

Specifies the flow direction of the TextArea sections.

inputAttributes?

{ [key: string]: string }

Sets the HTML attributes of the inner focusable input element.

Sets the maximum number of characters allowed in the TextArea.

The hint that appears when the Textarea is empty.

readonly?

boolean

Sets the read-only state of the TextArea component.

Sets the resize behavior of the TextArea.

Sets the border radius of the TextArea.

rows?

number

Sets the visible height of the TextArea in lines.

Determines whether the component selects the whole value when you click the TextArea.

Shows the prefix separator in the TextArea.

Shows the suffix separator in the TextArea.

Sets the size of the TextArea. Controls the padding of the text area element.

tabindex?

number

Sets the tabindex of the component.

title?

string

Sets the title attribute of the internal TextArea input element of the component.

value?

string

Provides a value for the TextArea component.