# Install

```shell
npm i @vaadin/text-area
```

# Import

```javascript
import 'vaadin/text-area';
```

# Variants

## Default

```html
<vaadin-text-area label="Anzahl" helper-text="Geben Sie einen Kommentar ein"></vaadin-text-area>
```

```javascript
document.querySelector('vaadin-text-area').value = 10;
```

## Required

```html
<vaadin-text-area label="Pflichtfeld" required></vaadin-text-area>
```

```javascript
document.querySelector('vaadin-text-area').value = 10;
```

## Disabled

```html
<vaadin-text-area label="Inaktiv" disabled></vaadin-text-area>
```

```javascript
document.querySelector('vaadin-text-area').value = 10;
```

## Read Only

```html
<vaadin-text-area label="Nur lesen" readonly></vaadin-text-area>
```

```javascript
document.querySelector('vaadin-text-area').value = 10;
```

## Invalid

```html
<vaadin-text-area label="Ungültig" invalid></vaadin-text-area>
```

```javascript
document.querySelector('vaadin-text-area').value = 10;
document.querySelector('vaadin-text-area').errorMessage = 'Bitte einen gültigen Wert eingeben.';
```