---
title: PIN Input
description: Allows users to input a sequence of one-character alphanumeric inputs.
source: apps/www/registry/default/ui/pin-input
primitive: https://www.reka-ui.com/docs/components/pin-input.html
---

<ComponentPreview name="PinInputDemo" />

## Installation

```bash
npx shadcn-vue@latest add pin-input
```

## Usage

### Controlled

<ComponentPreview name="PinInputControlled" />

### Disabled

<ComponentPreview name="PinInputDisabled" />

### Separator

<ComponentPreview name="PinInputSeparatorDemo" />

### Form

<ComponentPreview name="PinInputFormDemo" />
