Security Code Input For Vue.js

Install & Download:

# Yarn
$ yarn add vue-security-code
# NPM
$ npm install vue-security-code --save

Description:

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: