---
category: forms
---

# InputOTP

Source: `components/ui/input-otp.tsx`.

`InputOTP` is a compound component. Its parts are exported **flat** (`InputOTPGroup`, not
`InputOTP.Group`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `InputOTPGroup` | `React.ComponentProps<'div'>` |
| `InputOTPSlot` | `React.ComponentProps<'div'> & {…}` |
| `InputOTPSeparator` | `React.ComponentProps<'div'>` |

All parts accept `className` and are composed as children of `InputOTP`.