PinInput Node Field

v1.0.1

A split input for entering verification codes or PINs.

Interactive Implementation

Type in each box or paste a code.

Buffered Value: ""

Properties API

All available props for this component.

Property
Type
Default
Description
valuestringrequiredThe active tracked buffer sequence representing all combined entered input data elements.
onChange(value: string) => voidrequiredFired whenever an incremental input index undergoes mutation updates.
lengthnumber4Defines the precise count bounding limits for the generated input box tracks array.
variant"default" | "filled""default"Alters block rendering architecture, canvas shading style lines, and hover borders.
onComplete(value: string) => voidundefinedExecution loop fired immediately upon filling the final available digit array grid.
© 2026 Venti UI Labs. UI made right.