Skip to content
Perimeter Style

Input OTP

Accessible one-time password input with individual character slots.

Usage

tsx
import { InputOTP } from "@/components/ui/input-otp";

<Input OTP maxLength={6} disabled={false}>...</Input OTP>
<Input OTP maxLength={6} disabled={false}>...</Input OTP>

Light

Dark

Default

Metrics

Perimeter Api

Input OTP Controls

maxLength
disabled

Examples

6 Digits

With Separator

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/input-otp

Search

Search for components, templates, and more.