react-test/docs/data/material/components/textarea-autosize/textarea-autosize.md

productId, title, components, githubLabel

productId	title	components	githubLabel
material-ui	Textarea Autosize React component	TextareaAutosize	component: TextareaAutosize

Textarea Autosize

The Textarea Autosize component automatically adjusts its height to match the length of the content within.

{{"component": "@mui/docs/ComponentLinkHeader", "design": false}}

Introduction

Textarea Autosize is a utility component that replaces the native <textarea> HTML. Its height automatically adjusts as a response to keyboard inputs and window resizing events.

By default, an empty Textarea Autosize component renders as a single row, as shown in the following demo:

{{"demo": "EmptyTextarea.js", "defaultCodeOpen": false}}

Basics

Import

import TextareaAutosize from '@mui/material/TextareaAutosize';

Minimum height

Use the minRows prop to define the minimum height of the component:

{{"demo": "MinHeightTextarea.js"}}

Maximum height

Use the maxRows prop to define the maximum height of the component:

{{"demo": "MaxHeightTextarea.js"}}