vue-validationcode-input

Another validation code input
2,131
vue code input vue-component verify pin verifycode pin-code
Install
npm install vue-validationcode-input
Latest Version:1.1.1
Vue:2
License:MIT
Last Updated:Nov 22, 2024
Links: GitHub  ·  npm
Maintainer: vgomez.opus

vue-validationcode-input

๐ŸŽ‰A verification code input

Install

npm install --save vue-validationcode-input

Usage

<template>
  <div id="app">
    <CodeInput :loading="false" class="input" v-on:change="onChange" v-on:complete="onComplete" />
  </div>
</template>

<script>
import CodeInput from "vue-validationcode-input";

export default {
  name: "app",
  components: {
    CodeInput
  },
  methods: {
    onChange(v) {
      console.log("onChange ", v);
    },
    onComplete(v) {
      console.log("onComplete ", v);
    }
  }
};
</script>

PropTypes

Key Type Desc
type text one of number or text
fields number The count of characters
onChange func Trigger on character change
onComplete func Trigger on all character inputs
fieldWidth number input width
fieldHeight number input height
autoFocus bool auto focus first input on init
title string code input title
loading bool show loading flag
className string class name
values array default values

License

MIT

Related Packages

vue-verification-code-input

๐ŸŽ‰A verification code input

73,557 56
code input pin pin-code verify verifycode vue vue-component
vue3-verification-code-input

๐ŸŽ‰A verification code input for vue 3

52,575 6
code input pin pin-code verify verifycode vue vue-component vue 3
vue-chill-code-input

Easy Verification Code Input for your Vue projects

2,085 4
code input pin vue pincode typescript verification
vue-input-code

ๅŸบไบŽvue2.0+็š„้ชŒ่ฏ็ ่พ“ๅ…ฅ็ป„ไปถ

1,140 67
code input vue input-code
@loltech/vue3-2fa-code-input

Vue 3 input component for 2FA codes. Is alpha-numerically agnostic, supports cop...

7,587 4
code input vue 2fa auth vue3

Version History

Version Released Vue License
1.1.1 ^2.6.10 MIT
1.1.0 ^2.6.10 MIT
1.0.2 ^2.6.10 MIT
1.0.1 ^2.6.10 MIT