# Password strength

Show how strong a new password is while it is typed.

- ID: `password-strength`
- Import: `animui/password-strength`
- Category: Inputs
- Runtime exports: `PasswordStrength`, `countCodePoints`, `createPasswordRules`, `default`, `defaultPasswordRules`, `defaultPasswordStrengthMessages`, `estimateStrength`
- Declaration: `types/free/components/password-strength.d.ts`
- Type provenance: emitted-original-typescript
- Related: password-field, input, progress

```tsx
import { PasswordStrength } from 'animui/password-strength';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info password-strength` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { PasswordStrength, countCodePoints, createPasswordRules, default, defaultPasswordRules, defaultPasswordStrengthMessages, estimateStrength } from '../registry/components/password-strength/password-strength.js';
export type { EstimateStrengthOptions, PasswordRule, PasswordRuleLabels, PasswordRuleOptions, PasswordStrengthLevels, PasswordStrengthMessages, PasswordStrengthMessagesInput, PasswordStrengthProps, PasswordStrengthResult } from '../registry/components/password-strength/password-strength.js';
```