📺 Demo

🔧 Install

👈 Usage

<template><passwordv-model="password"/></template><script>importPasswordfrom'vue-password-strength-meter'exportdefault{components:{ Password},data:()=>({password:null})}</script>

👈 With events

<template><passwordv-model="password"    :toggle="true"    @score="showScore"    @feedback="showFeedback"/></template><script>importPasswordfrom'vue-password-strength-meter'exportdefault{components:{ Password},data:()=>({password:null}),methods:{showFeedback({suggestions, warning}){console.log('🙏',suggestions)console.log('⚠',warning)},showScore(score){console.log('💯',score)}}}</script>

With custom input

<template><div><inputtype="password"v-model="password"><passwordv-model="password":strength-meter-only="true"/></div></template><script>importPasswordfrom'vue-password-strength-meter'exportdefault{components:{ Password},data:()=>({password:null})}</script>

Props

Events

Show / Hide Password

💅 Customizing

Build Setup

# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# run unit testsnpm run unit# run all testsnpmtest

Support