# Install

```shell
npm i @mate-vue/text-area@${version.mate.vue}
```

# Import

```vue
<script setup>
import { MateTextArea } from '@mate-vue/text-area';
</script>
```

# Variants

## Default

```vue
<template>
  <MateTextArea label="Beschreibung" v-model:value="text" helperText="Maximal 500 Zeichen"></MateTextArea>
</template>
```

## Required

```vue
<template>
  <MateTextArea label="Pflichtfeld" required></MateTextArea>
</template>
```

## Read Only

```vue
<template>
  <MateTextArea label="Nur lesen" v-model:value="text" readonly></MateTextArea>
</template>
```

## Invalid

```vue
<template>
  <MateTextArea label="Ungültig" v-model:value="text" invalid errorMessage="Die Eingabe ist ungültig."></MateTextArea>
</template>
```