Command Palette

Search for a command to run...

Input OTP

shadcn/ui

Accessible one-time password component with copy paste functionality.

Input OTP

import { InputOTP, InputOTPGroup, InputOTPSlot } from "@/components/optics/input-otp";<InputOTP  maxLength={6}  variant="raised">  <InputOTPGroup>    <InputOTPSlot      index={0}      variant="raised"    />    <InputOTPSlot      index={1}      variant="raised"    />    <InputOTPSlot      index={2}      variant="raised"    />    <InputOTPSlot      index={3}      variant="raised"    />    <InputOTPSlot      index={4}      variant="raised"    />    <InputOTPSlot      index={5}      variant="raised"    />  </InputOTPGroup></InputOTP>

Installation

pnpm dlx shadcn@latest add @optics/input-otp

Props

<InputOTP />
Name
Type
containerClassName
any

<InputOTPSlot />
Name
Type
index
any