Vue Chill Code Input
Easy Verification Code Input for your Vue projects
Why tho
- 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.
Install
npm i vue-chill-code-input
Usage
import VueChillCodeInput from 'vue-chill-code-input';
<VueChillCodeInput :length="6" v-model="myValue"/>
API
Props
name |
type |
required |
default |
options |
length |
Number |
false |
4 |
|
type |
String |
false |
text |
text, number |
autoFocus |
Boolean |
false |
false |
|
autoBlur |
Boolean |
false |
true |
|
Events
name |
when |
data |
done |
on fields filled |
input value |
blur |
when blurred |
- |
Methods
name |
desc |
focus |
focuses on input (on the first column) |
blur |
blurs input |
clear |
clear input |
Warning
- early beta version under heavy development
- any part of API can be changed
Bugs and Features
Check here