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).