Text area

A text area component is used for entering a paragraph of text that is longer than one line.

Examples

Plain read only variant

read only text area example

*required
Name	Type	Description
aria-label	string	Custom flag to show that the text area requires an associated id or aria-label.
autoResize	boolean	Flag to modify height based on contents.
className	string	Additional classes added to the text area.
isDisabled	boolean	Flag to show if the text area is disabled.
isRequired	boolean	Flag to show if the text area is required.
onChange	(event: React.ChangeEvent<HTMLTextAreaElement>, value: string) => void	A callback for when the text area value changes.
readOnlyVariant	'default' \| 'plain'	Read only variant.
resizeOrientation	'horizontal' \| 'vertical' \| 'both'	Sets the orientation to limit the resize to
validated	'success' \| 'warning' \| 'error' \| 'default'	Value to indicate if the text area is modified to show that validation state. If set to success, text area will be modified to indicate valid state. If set to error, text area will be modified to indicate error state.
value	string \| number	Value of the text area.

Expand or collapse column	Selector	Variable	Value