PinInputbeta

PinInput is purpose-built for the one-time-code step of a two-factor flow. The first cell already carries autocomplete="one-time-code", so iOS surfaces the code straight from an incoming SMS as a keyboard suggestion — no extra wiring on your side. Pair it with the auth package's TwoFactorManager, feeding the bound value into your verify call from onComplete.

Give it a visible label and a helper line so the source of the code (authenticator app vs. SMS) is never ambiguous.

Every visual surface is a named slot: root (what class also targets), label, group (the cell row), cell, separator, and message. Pass slotClasses to merge classes onto any of them, or unstyled to drop all default tv() styles and rebuild from scratch. For a look you reuse across the app, register a preset once on <BlocksProvider> and reference it by name instead of repeating overrides.

• The cell row is a role="group", named by aria-labelledby when a visible label is set, or by aria-label otherwise.
• Each cell announces its position — aria-label="Character N of M" — so a screen-reader user always knows where the caret sits.
• An error message is exposed via role="alert" and wired to every cell through aria-describedby, alongside aria-invalid.
• Full keyboard support: typing a valid character auto-advances to the next cell, Backspace clears and steps back, the arrow keys plus Home / End move between cells, and a paste is distributed across the cells from the caret.