--- title: TextareaAutosize description: Automatically adjust a textarea's height based on its content. category: Elements --- ## Demo ## Overview `TextareaAutosize` is a utility that makes ` ``` As you type, the textarea will automatically resize vertically to fit the content. ## Options You can customize behavior via the following options: | Option | Type | Description | | ----------- | ---------------------------------- | ---------------------------------------------------------------------------------------------------------- | | `element` | `Getter` | The target textarea (required). | | `input` | `Getter` | Reactive input value (required). | | `onResize` | `() => void` | Called whenever the height is updated. | | `styleProp` | `"height"` \| `"minHeight"` | CSS property to control size. `"height"` resizes both ways. `"minHeight"` grows only. Default: `"height"`. | | `maxHeight` | `number` | Maximum height in pixels before scroll appears. Default: unlimited. | ## Behavior Internally, `TextareaAutosize`: - Creates an invisible, off-screen `

textarea-autosize