Component

Input OTP

One-time code input with auto-advance, paste support and keyboard-friendly focus management

import { NeuInputOTPComponent } from '@neural-ui/core/input-otp';

6 digits (default)

Partial: –

4 digits

Alphanumeric (8 characters)

import { NeuInputOTPComponent } from '@neural-ui/core/input-otp';

@Component({
  imports: [NeuInputOTPComponent],
  template: `
    <neu-input-otp
      [length]="6"
      (completed)="onOtpComplete($event)"
    />
  `
})
export class VerifyComponent {
  onOtpComplete(code: string) {
    console.log('OTP completo:', code); // e.g. "123456"
    this.verify(code);
  }
}