Pin Input

One box per character for PINs and codes (see also Input OTP).

Import

tsx

import { PinInput } from "@indoku/ui"

Examples

Basic usage

tsx

function PinInputDemo() {  return (    <PinInput.Root otp>      <PinInput.HiddenInput />      <PinInput.Control>        {[0, 1, 2, 3].map((i) => (          <PinInput.Input key={i} index={i} />        ))}      </PinInput.Control>    </PinInput.Root>  )}

← Input OTP Password Input →

Created by @indokudev