# Pin Input

One box per character for PINs and codes (see also Input OTP).

Group: Forms

## Import

```tsx
import { PinInput } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
function PinInputDemo() {
  return (
    <PinInput.Root otp>
      <PinInput.HiddenInput />
      <PinInput.Control>
        {[0, 1, 2, 3].map((i) => (
          <PinInput.Input key={i} index={i} />
        ))}
      </PinInput.Control>
    </PinInput.Root>
  )
}
```