LaravelLaravel & VueJsVueJs

Vue password: realistic password strength estimator



<

div>

                <h3>vue-password-strength-meter</h3>

Interactive password strength meter based on zxcvbn for Vue.js. Import it in your project as a Vue component, and use props to customize it.

Example

Install

npm install vue-password-strength-meter

or

yarn add vue-password-strength-meter

Usage


import Password from 'vue-password-strength-meter'

export default {
  data () {
    return {
      placeholder: 'enter 6 characters or more',
      secureLength: 6, // minimum password
    }
  },
  components: {
    Password
  },
}

Bind to props to adjust the meter.

<template>
</div> </template>

The above code will result in:

You can find a Demo here. The code is available on GiHub.




Source link

Leave a Reply

Your email address will not be published. Required fields are marked *

Close