issues
search
satnaing
/
shadcn-admin
Admin Dashboard UI built with Shadcn and Vite.
https://shadcn-admin.netlify.app/
MIT License
902
stars
185
forks
source link
feat: implement custom pin-input component
#2
Closed
satnaing
closed
8 months ago
satnaing
commented
8 months ago
Behaviors & Features
when a character is typed in an input, shift focus to the next input
when a character is deleted from an input, shift focus to the previous input
when a focus is set in an input, placeholder is removed
each input only allows one character at a time
user can navigate through each digit input using the keyboard (Tab key, arrow keys, back button)
user can paste the copied code into every input field
validate the input based on the type_ only numbers allowed if
type='number'
, and other characters ([a-zA-Z0-9]) allowed if
type='alphanumeric'
provide visual masking for each digit entered to enhance privacy
support both controlled and uncontrolled behaviors
Behaviors & Features
type='number'
, and other characters ([a-zA-Z0-9]) allowed iftype='alphanumeric'