Password Checklist

Demo playground

Right-to-left

The component supports RTL layouts. Add CSS to flip icons and text direction.

  • At least 8 characters — fails
  • At least one uppercase letter — fails
  • At least one lowercase letter — fails
  • At least one number — fails
  • At least one special character — fails

Snippet

Copy the example to your clipboard.

.rtl .pc-checklist {
  direction: rtl;
}

.rtl .pc-checklist-item::before {
  transform: scaleX(-1);
}