Digit/Pin Input

Verification-code field — segmented (bordered boxes, stretches to fill its container) or inline (32px cells grouped into bordered boxes) layouts, in digit or masked pin variants.

Segmented

Inline

With one separation

With two separation

Number of digits/pin

API References

PropTypeDefault

length

number

type

"segmented""inline"

"segmented"

variant

"digit""pin"

"digit"

groupSize

number

—

showDash

boolean

false

value / onChange

string / (v) => void

—

error / errorMessage

boolean / ReactNode

false

label

string

"Verification code"

disabled

boolean

false