# PinInput

An input element to enter a pin.

> Based on [Reka UI PinInput](https://reka-ui.com/docs/components/pin-input)

## Key Props

- `type`: to change the input type.
- `mask`: to treat the input like a password.
- `otp`: to enable One-Time Password functionality.
- `length`: to change the amount of inputs.
- `placeholder`: to set a placeholder text.
- `color`: to change the ring color when the PinInput is focused.
- `variant`: to change the variant of the PinInput.
- `size`: to change the size of the PinInput.
- `disabled`: to disable the PinInput.

## Usage

```vue
<UPinInput
  <!-- props here -->
/>
```