Data input

Input otp

Themed OTP input with N cells, paste distribution, auto-submit, masking, and visual separators.

Import

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

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

Loading editor

length

charset

masked

with separator

disabled

invalid

<kj-input-otp
  [kjLength]="6"
  kjCharSet="digits"
  kjAriaLabel="Verification code"
/>