> For the complete documentation index, see [llms.txt](https://docs.navigaglobal.com/writer/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.navigaglobal.com/writer/6.3.5/api-reference/uicomponents/uitextarea.md).

# UITextarea

Create a textarea base on style guide

## Properties

| Name        | Type       | Default | Description                                                 |
| ----------- | ---------- | ------- | ----------------------------------------------------------- |
| id          | `string`   |         | **Required** - Id of the textarea                           |
| value       | `string`   |         | **Required** - Value for textarea                           |
| label       | `string`   |         | The text label                                              |
| placeholder | `string`   |         | Placeholder for textarea                                    |
| size        | `string`   |         | Size and feeling for textarea                               |
| variant     | `string`   |         | Variant of the textarea                                     |
| rows        | `number`   | `3`     | Textarea rows presentation                                  |
| disabled    | `boolean`  | `false` | Wether the textarea is disabled or not                      |
| onChange    | `function` |         | **Required** - Callback for when the textarea value changes |

## Example

```javascript
import {UITextarea} from 'writer'

render($$) {
    const el = $$('div')
    return el.append(
        $$(UITextarea, {
            id: 'myTextarea',
            label: this.getLabel('Textarea label'),
            value: ''
            onChange: (value) => {
                // Do something
            }
        })
    )
}
```