vue-codeinput

Great pincode input component for Vue.js applications.

!vue-codeinput

Demo on GitHub Pages

Features

- configurable length (symbols count)
- override-friendly styles
- auto moving focus when filling
- auto moving focus when deleting
- auto selecting cell content on focusing
- call for native numeric keyboard on mobiles
- optional secure mode (password input type)
- character preview on typing (configurable duration)

Attention!

Styles that component have are written just for demo. But that styles are override-friendly, so you can write any styles you want.

Usage

``
npm i --save vue-codeinput
`
or with yarn
`
yarn add vue-codeinput
`

Then in any component:

`
import PincodeInput from 'vue-codeinput';
// The name can be different depending on your desire
`

`



`

Attention: you should use _'input.vue-codeinput'_ instead _'.vue-codeinput'_ in order to rule specificity was higher

`