TextAreaProps
Represents the props of the KendoReact TextArea component.
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 | string[] | number
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 | "solid" | "flat" | "outline"
(default: solid)
Configures the fillMode of the TextArea.
The available options are:
- solid
- outline
- flat
- null—Does not set a fillMode
className.
id?
string
Sets the id of the TextArea.
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.
This property is part of the FormComponentProps interface.
rounded?
null | "small" | "medium" | "large" | "full"
(default: medium)
Configures the roundness of the TextArea.
The available options are:
- small
- medium
- large
- full
- null—Does not set a rounded
className.
rows?
number
Specifies an exact height size for the TextArea to take (see example).
size?
null | "small" | "medium" | "large"
(default: medium)
Configures the size of the TextArea.
The available options are:
- small
- medium
- large
- null—Does not set a size
className.
style?
CSSProperties
Sets additional CSS styles to the TextArea.
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.
This property is part of the FormComponentProps interface.
validationMessage?
string
Controls the form error message of the component. If set to an empty string, no error will be thrown.
This property is part of the FormComponentProps interface.
validityStyles?
boolean
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 | string[] | number
Sets the value to be submitted (see example).
