Security Code Input For Vue.js

A security pincode input component for Vue.js app.

Usage:

<template>
    <security-code v-model="code"></security-code>
</template>

<script>
    import SecurityCode from 'vue-security-code'

    // Declare
    export default {
        components: { SecurityCode },
        data () {
          return {
            code: ''
          }
        }
    }
</script>

Props.

length: {
  type: Number,
  default: 4
},
placeholder: {
  type: String,
  default: '-'
},
theme: {
  type: String,
  default: 'block'
}

Preview:

Download Details:

Author: LS1231

Live Demo: https://ls1231.github.io/vue-security-code/

Download Link: https://github.com/LS1231/vue-security-code/archive/master.zip

Official Website: https://github.com/LS1231/vue-security-code

Install & Download:

# Yarn
$ yarn add vue-security-code

# NPM
$ npm install vue-security-code --save