PIN Input
A PIN input component for secure PIN entry. Supports masking (password mode) and configurable field count with color theming.
Installation
npm install @duskmoon-dev/el-pin-inputUsage
import { register } from '@duskmoon-dev/el-pin-input';
register();<el-dm-pin-input length="4" masked></el-dm-pin-input>Live Demo
Masked (Default)
Unmasked
6-Digit PIN
Colors
Disabled
Properties
| Property | Type | Default | Description |
|---|---|---|---|
length | number | 4 | Number of PIN fields |
color | 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'error' | 'primary' | Color theme |
disabled | boolean | false | Disable all fields |
masked | boolean | true | Show dots instead of digits (password mode) |