Version:

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>