Password strength

A password field with a strength meter.

import { BuiPasswordStrength } from 'ng-blatui';

<bui-password-strength label="Password" [minLength]="8" />

With checklist

<bui-password-strength label="New password" [minLength]="10" [showChecklist]="true" />

<bui-password-strength label="Password" [showChecklist]="false" />

Prop	Type	Default	Description
`name`	`string`	`'password'`	Native `name` attribute for the input.
`id`	`string`	`''`	Input `id`; defaults to `name` when empty.
`placeholder`	`string`	`'••••••••'`	Placeholder text for the input.
`showChecklist`	`boolean`	`true`	Whether the requirement checklist is shown.
`minLength`	`number`	`8`	Minimum length required to satisfy the length rule.
`label`	`string`	`'Password'`	Accessible label for the input.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`password`	`string`	`''`	Current password value. Two-way bindable with `[(password)]`.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.