vue3-verification-code-input

πŸŽ‰A verification code input for vue 3
52,575 6
vue vue 3 code input vue-component verify pin verifycode pin-code
Install
npm install vue3-verification-code-input
Latest Version:0.1.0
Vue:3
License:MIT
Last Updated:Sep 9, 2022
Links: GitHub  ·  npm
Maintainer: zlayine

vue3-verification-code-input

πŸŽ‰A verification code input for vue 3

NPM JavaScript Style Guide

NPM

Demo

Install

npm install --save vue3-verification-code-input

Usage

<template>
  <code-input
    @complete="completed = true"
    :fields="3"
    :fieldWidth="56"
    :fieldHeight="56"
    :required="true"
  />
  <button class="btn" :disabled="!completed">
		Continue
	</button>
</template>

<script setup>
import CodeInput from "./components/CodeInput.vue";
import { ref } from "vue";

const completed = ref(false);
</script>

PropTypes

Key Type Desc
fields number The count of characters
disabled bool Disable the inputs
required bool require the inputs
fieldWidth number input width
fieldHeight number input height
title string code input title
className string class name

EmitTypes

Key Type Desc
change func Trigger on character change
complete func Trigger on all character inputs

License

MIT Β© zlayine

Related Packages

vue-verification-code-input

πŸŽ‰A verification code input

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

Another validation code input

2,131 0
code input pin pin-code verify verifycode vue vue-component
vue-chill-code-input

Easy Verification Code Input for your Vue projects

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

Vue Pin Input is a Vue 3 input component for pins, otp etc.

32,755 4
input pin vue vue 3 multiple-input one time password otp input pin-input transaction pin vuejs
vue-input-code

基于vue2.0+ηš„ιͺŒθ―η θΎ“ε…₯η»„δ»Ά

1,140 67
code input vue input-code

Version History

Version Released License
0.1.0 MIT