# Install

```shell
npm i @mate-vue/password-field
```

# Import

```vue
<script setup>
import { MatePasswordField } from '@mate-vue/password-field';
</script>
```

# Variants

## Default

```vue
<template>
  <MatePasswordField label="Passwort" v-model:value="password"></MatePasswordField>
</template>
```

## Invalid

```vue
<template>
  <MatePasswordField label="Passwort" v-model:value="password" invalid errorMessage="Das Passwort entspricht nicht den Anforderungen."></MatePasswordField>
</template>
```