Easy Verification Code Input for your Vue projects
user friendly UI
support for copy & paste
v-model
typescript support
customizable length
basically behaves like a standard input
Currently working with Vue2 projects only. Vue3 support coming soon.
npm i vue-chill-code-input
import VueChillCodeInput from 'vue-chill-code-input';
<VueChillCodeInput :length =" 6 " v-model =" myValue"
name
type
required
default
options
length
Number
false
4
type
String
false
text
text, number, tel
password
Boolean
false
false
autoFocus
Boolean
false
false
autoBlur
Boolean
false
true
name
when
data
done
on fields filled
input value
blur
when blurred
-
name
desc
focus
focuses on input (on the first column)
blur
blurs input
clear
clear input
early beta version under heavy development
any part of API can be changed
Check here
