NEURALNG
COMPONENTBETA

InputOtp

A secure one-time-code experience with native autofill, fast paste, deterministic keyboard behavior and one string model across every Angular Forms API.

Autofill readyRTL keyboardSignal Forms ready

GET STARTED

Import

Import the canonical standalone component from its granular entry point.

app.ts TypeScript 
import { NeuralInputOtp } from '@neural-ng/core/input-otp';

@Component({ imports: [NeuralInputOtp] })

Verification code

Type, paste or use platform autofill. Every native cell contributes to one string model and complete fires when all cells are ready.

Verification code
Enter the code sent to your device.Waiting for the six-digit code.

Alphanumeric, separator and mask

Recovery codes can accept Unicode letters and numbers. Separators are visual only; masking conceals cells without changing the string model.

Every Angular Forms API

Signal Forms, Reactive Forms and template-driven Forms share the same string contract.

SIGNAL FORMS
REACTIVE
NGMODEL

States and Field composition

Disabled, readonly, required, invalid, pending, touched, dirty, fluid and unstyled states compose with Neural Field.

Enter the complete verification code.

Unstyled and typed class slots

Unstyled retains paste, autofill, Forms and accessibility while consumer classes own every visual element.