LaravelLaravel & VueJsVueJs

Security Code Input For Vue.js



Description:

A security pincode input component for Vue.js app.

Usage:

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


    import SecurityCode from 'vue-security-code'

    // Declare
    export default {
        components: { SecurityCode },
        data () {
          return {
            code: "https://www.laravel-vuejs.com/wp-content/uploads/2017/12/security-code-input-for-vue-js.com"
          }
        }
    }

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

Last Update: December 25, 2017

Views Total: 0

Install:

# Yarn
$ yarn add vue-security-code

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




Source link
★ READ ALSO ★  Scrolling Table Component For Vue.js

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close