Raw shadcn — not wrapped in @oddapp/ui yet.

Import directly: @/components/ui/input-otp. OddApp tokens are applied via globals.css @theme. All token rules still apply.

InputOTP

One-time-password input with individual character slots.

Default

Import and render this component in your app using the snippet below.

import { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/ui/input-otp'

<InputOTP maxLength={6}>
  <InputOTPGroup>
    <InputOTPSlot index={0} />
    <InputOTPSlot index={1} />
    <InputOTPSlot index={2} />
    <InputOTPSlot index={3} />
    <InputOTPSlot index={4} />
    <InputOTPSlot index={5} />
  </InputOTPGroup>
</InputOTP>