Vue Pay Password Component

Vue Pay Password Component

A minimal, user-friendly pincode/payment password component for Vue.js app.

vue-pay-password

Description

Demo https://codesandbox.io/s/53r20qn9yk

Install

Terminal

$ npm i vue-pay-password --save
// or
$ yarn add vue-pay-password

CDN

<link rel="stylesheet" herf="https://unpkg.com/vue-pay-password/dist/vue-pay-password.css">
<script src="https://unpkg.com/vue-pay-password/dist/vue-pay-password.umd.min.js" />

Usage

<template>
  <div id="app">
    <payPassword />
  </div>
</template>

<script>
import payPassword from "vue-pay-password";
import "vue-pay-password/dist/vue-pay-password.css";

export default {
  name: "App",
  components: {
    payPassword
  }
};
</script>

Prop

Name Type Default Description
name string '' input name
tabindex number 0 input tabindex
length number 6 input value length
value string '' default input value
disable boolean false disable input
onlyNumber boolean true only allow input number

API

Name Description
focus focus input
clear clear input

Event

Name Description
focus focus event
blur blur event

Browser Support

Chrome Firefox Edge IE Safari Opera
Latest ✔ Latest ✔ Latest ✔ 9+ ✔ 9.1+ ✔ Latest ✔

Devlopment

$ npm i
$ npm run dev
$ npm test

Author

Copyright (c) 2018-present, limichange

Licensing

Licensed under the MIT

Github Repository

Tags: #Vue.js