init project
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled

This commit is contained in:
how2ice
2025-12-12 14:26:25 +09:00
commit 005cf56baf
43188 changed files with 1079531 additions and 0 deletions

View File

@@ -0,0 +1,41 @@
---
productId: material-ui
title: Textarea Autosize React component
components: TextareaAutosize
githubLabel: 'component: TextareaAutosize'
---
# Textarea Autosize
<p class="description">The Textarea Autosize component automatically adjusts its height to match the length of the content within.</p>
{{"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
```jsx
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"}}