react-password-strength

React component with zxcvbn

You can see running example: https://rodrigowp.github.io/react-password-strength/

Installation

for npm users

npm i --save @rodrigowpl/react-password-strength

for yarn users

yarn add @rodrigowpl/react-password-strength

Usage

import ReactPasswordStrength from '@rodrigowpl/react-password-strength'

<ReactPasswordStrength
  passwordValue='whatever-password'
/>

Props

| Property | Type | Default | Description | |:---|:---|:---|:---| | width | number | 300 | Set width of container element | passwordValue | string | undefined | Value that will be validate

Contributing

Dependencies:

• Node.js >= v8;

Up and running

• Install dependencies: yarn (or npm i);
• Run yarn start (or npm run start) to develop on http://localhost:3000
• Run yarn build (or npm run build) for production build (files will be generated in the dist directory)

Scripts

• yarn build (or npm run build): Build project to production
• yarn storybook (or npm run storybook): Run Storybook on 6006 port
• yarn storybook:build: Build Storybook to static files
• npm run pub: Publish to npm

License

MIT © Rodrigo Wippel