Skip to content
Protocore Design Systemv1.6.9

/// Inputs

PinInput

Alias of OTPInput — segmented single-character fields for one-time codes and PINs.

import { PinInput } from "@protocore/pds";
View as Markdown

An alias of OTPInput

PinInput is the Mantine-familiar name for this library's OTPInput — the same component under a second name for discoverability. Props are identical (length, value, onValueChange, onComplete, …). See the OTPInput page for the full API and accessibility notes.

Basics

Set length for the number of cells; paste fills across cells and onComplete fires when the last cell is filled.

Entered:

Accessibility

  • Identical to OTPInput: arrow keys and Backspace move between cells; give the group an `aria-label`.

Related

  • OTPInputA row of single-character cells for one-time-code / verification entry, with auto-advance, paste distribution, and arrow navigation.
  • InputThe base single-line text control — a sunken field with optional leading and trailing adornment slots.
  • FieldForm-field wrapper: a caption label, the control, and hint or error messaging with ARIA wired for you.