Default textarea
Show code
Colors
Use the color
prop to change the color of the textarea.
Show code
Autosize
Use the autosize
prop to automatically adjust the height of the textarea to fit its content.
Show code
Disabled
Add the disabled
prop to disable the textarea.
Show code
Full Width
Add the fullWidth
prop to make the textarea full width.
Show code
With Helper Text
Add the helperText
prop to display helper text below the textarea.
Show code
With Error
Use the error
prop to indicate an error state.
Show code
API
See documentation below for reference to all of the props, classes and CSS
variables (custom properties) available for <Textarea />
: