PinInput

A segmented numeric/alphanumeric input for verification codes and PINs. Each digit gets its own input field with automatic focus advance.

Form Inputspinotpcodeverificationdigits

Basic

import { PinInput } from '@primstack/ui/pin-input'

<PinInput length={6} onComplete={(code) => verify(code)} />

6-digit verification

import { PinInput } from '@primstack/ui'

<PinInput length={6} onComplete={(code) => verify(code)} />

Styled text input with theme-aware focus states.

Structured form layout with field groups and validation.