## Installation [#installation]
npm
pnpm
yarn
bun
```bash
npx shadcn@latest add @dotui/otp-field
```
```bash
pnpm dlx shadcn@latest add @dotui/otp-field
```
```bash
yarn dlx shadcn@latest add @dotui/otp-field
```
```bash
bun x shadcn@latest add @dotui/otp-field
```
## Usage [#usage]
Use `OTPField` with `Group` and the existing `Input` component to compose passcode slots.
```tsx
import { OTPField } from '@/components/ui/otp-field'
import { Label } from '@/components/ui/field'
import { Group } from '@/components/ui/group'
import { Input } from '@/components/ui/input'
```
```tsx
```
## Examples [#examples]
## API Reference [#api-reference]
### OTPField [#otpfield]
### OTPFieldSeparator [#otpfieldseparator]