Forms

Pin Input

A secure multi-box input for PIN codes, featuring masked dot states and high-fidelity focus animations.

Current PIN: ----

Props

Prop	Type	Default	Description
`length`	`number`	`4`	Total number of PIN digits
`value`	`string`	`—`	The current PIN string value
`onChange`	`(v: string) => void`	`—`	Callback when the PIN changes
`secure`	`boolean`	`false`	Whether to mask characters with dots
`error`	`string`	`—`	Validation error message

$npx kachindo-ui add pin-input