Textarea API
Demos
For examples and details on the usage of this React component, visit the component demo pages:
Import
import Textarea from '@mui/joy/Textarea';
// or
import { Textarea } from '@mui/joy';
Component name
The nameJoyTextarea
can be used when providing default props or style overrides in the theme.Props
Name | Type | Default | Description |
---|---|---|---|
color | 'danger' | 'info' | 'neutral' | 'primary' | 'success' | 'warning' | string | The color of the component. It supports those theme colors that make sense for this component. | |
endDecorator | node | Trailing adornment for this input. | |
error | bool | If true , the input will indicate an error. The prop defaults to the value (false ) inherited from the parent FormControl component. | |
maxRows | number | string | Maximum number of rows to display. | |
minRows | number | string | Minimum number of rows to display. | |
size | 'sm' | 'md' | 'lg' | string | The size of the component. | |
startDecorator | node | Leading adornment for this input. | |
sx | Array<func | object | bool> | func | object | The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details. | |
variant | 'outlined' | 'plain' | 'soft' | 'solid' | string | The variant to use. |
The
ref
is forwarded to the root element.