CngxOtpSlot

DirectivePrimaryv0.1.0WCAG AA

projects/forms/input/otp-input.directive.ts

import { CngxOtpSlot } from '@cngx/forms/input'

Marks a single input slot within a [cngxOtpInput] container.

@for (i of otp.indices(); track i) {
  <input [cngxOtpSlot]="i" />
}

Static attributes: [attr.type]inputAttrType()
[attr.maxlength]1
[attr.autocomplete]index() === 0 ? "one-time-code" : "off"
[attr.inputmode]inputMode()
[attr.aria-label]slotLabel()
Listeners: input → handleInput keydown → handleKeyDown paste → handlePaste focus → handleFocus

index#number

input()Required

The zero-based index of this slot.

default { alias: 'cngxOtpSlot' }