Data input

Password input

Themed password input with show/hide toggle, optional strength meter, and Caps Lock warning.

03

Import

#import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjPasswordInputComponent } from '@kouji-ui/components';
04

Playground

#playground
<kj-password-input
  [(kjValue)]="password"
  kjPlaceholder="Enter your password"
  kjAutocomplete="current-password"
/>