<!-- Auto-generated by `velinstyle docs generate`. Do not edit. Source: components/velin-otp-input.js -->

# <velin-otp-input>

Source: `components/velin-otp-input.js`

## Accessibility
WCAG contract status: **pass** (framework target: AAA).

- **Roles:** `group`
- **Keyboard:** Digits, arrows, backspace, paste
- **Notes:** autocomplete one-time-code on first digit.

## Attributes
| Attribute | Notes |
| --- | --- |
| `length` | Observed — triggers `attributeChangedCallback` when changed |
| `value` | Observed — triggers `attributeChangedCallback` when changed |
| `disabled` | Observed — triggers `attributeChangedCallback` when changed |
| `name` | Observed — triggers `attributeChangedCallback` when changed |
| `autocomplete` | Observed — triggers `attributeChangedCallback` when changed |
| `label` | Observed — triggers `attributeChangedCallback` when changed |
## Events
- `velin-change` (bubbles)
- `velin-complete` (bubbles)
## CSS parts
- `digit`
- `group`
## Slots
_None._
## Public API
| Kind | Name |
| --- | --- |
| Method | `focus()` |
| Property | `value` |
| Property | `value (setter)` |
