@navinc/base-react-components/src/password-strength-meter.story.js

Nav's Pattern Library

import { PasswordStrengthMeter } from './password-strength-meter.js'
import readme from './password-strength-meter.readme.md'
import { StandardCard } from './standard-card.js'

export default {
  title: 'Form Elements/PasswordStrengthMeter',
  component: PasswordStrengthMeter,
  parameters: {
    readme: { content: readme },
  },
}

const Template = (args) => (
  <StandardCard>
    <PasswordStrengthMeter {...args} />
  </StandardCard>
)

export const Basic = Template.bind({})

Basic.args = {
  passwordStrengthScore: 3,
  requiredPasswordScore: 4,
}