Install

# npm
npm install cui-pin
# yarn
yarn add cui-pin

Demo

Demo

Props

// pin field length default:4
length?: number
// pin field type 'text'|'numeric'|'tel'|'password' default: 'numeric'
type?: string
// pin field inputMode default: 'tel'
inputMode? "numeric"| "tel"| "text"| "none"| "url"| "email"| "decimal"| "search"
// field value test regex default: /^[a-zA-Z0-9]+$/
regexCriteria?: RegExp,
// disabled pin default: false
disabled?: boolean
// pin complete callback
onComplete?(pin: string, currentIndex: number): void