randomseeds logo
Random Design System

Input OTP

A specialized input for entering one-time passwords or verification codes.

6-Digit Code

Usage

Use the OTP input for verification code entry (e.g. two-factor authentication, email verification).

Group slots visually and use separators to improve readability for longer codes.

Props

PropTypeDefaultDescription
maxLengthnumber—Number of input slots
valuestring—Controlled value
onChange(value: string) => void—Callback when value changes