---
url: "https://vueda.dev/v3/reference/theming/keys/InputGroupTextarea.md"
title: "InputGroupTextarea"
---

# InputGroupTextarea

Source: `client/lib/theme/vueda-tailwind/controls/index.js`

> The textarea child inside an [InputGroup.root](/v3/reference/theming/keys/InputGroup.md#theme-key-InputGroup-root). Same chrome-strip recipe as [InputGroupInput.root](/v3/reference/theming/keys/InputGroupInput.md#theme-key-InputGroupInput-root) plus `resize-none` so the textarea grows with content rather than offering a corner drag handle that would fight the group's shared shell.

Vue component: [InputGroupTextarea](/v3/reference/api/vue/InputGroupTextarea.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/InputGroupTextarea.md#theme-key-InputGroupTextarea-root) | `flex-1 resize-none rounded-none border-0 bg-transparent py-3 !shadow-none dark:bg-transparent` | The textarea child inside an [InputGroup.root](/v3/reference/theming/keys/InputGroup.md#theme-key-InputGroup-root). Same chrome-strip recipe as [InputGroupInput.root](/v3/reference/theming/keys/InputGroupInput.md#theme-key-InputGroupInput-root) plus `resize-none` so the textarea grows with content rather than offering a corner drag handle that would fight the group's shared shell. |

<a id="theme-key-InputGroupTextarea-root"></a>

## root

> The textarea child inside an [InputGroup.root](/v3/reference/theming/keys/InputGroup.md#theme-key-InputGroup-root). Same chrome-strip recipe as [InputGroupInput.root](/v3/reference/theming/keys/InputGroupInput.md#theme-key-InputGroupInput-root) plus `resize-none` so the textarea grows with content rather than offering a corner drag handle that would fight the group's shared shell.

Default classes:

`flex-1 resize-none rounded-none border-0 bg-transparent py-3 !shadow-none dark:bg-transparent`

Source: `client/lib/theme/vueda-tailwind/controls/InputGroupTextarea.theme.js:17`