PasswordMeter

Password strength indicator bound to a password input.

All components

Component frame

Password

Password strength Not started

Use at least 12 characters
Mix upper and lower case letters
Include a number
Include a symbol

Current State

{
  "password": "redacted in submissions",
  "strength": 0,
  "submitted": null
}

Submission

null

Configuration Options

{
  "packageEntry": "@treeseed/ui/components/astro/forms/PasswordMeter.astro",
  "defaultProps": {
    "minLength": 12,
    "label": "Password strength"
  },
  "configurableProps": [
    {
      "name": "minLength",
      "type": "number",
      "defaultValue": 12,
      "description": "Length rule threshold."
    },
    {
      "name": "label",
      "type": "string",
      "defaultValue": "Password strength",
      "description": "Meter label."
    }
  ]
}

Defaults

{
  "minLength": 12,
  "label": "Password strength"
}