vue-chill-code-input

Easy Verification Code Input for your Vue projects
2,085 4
vue typescript code input pincode pin verification
Install
npm install vue-chill-code-input
Latest Version:0.1.3
Vue:2
License:MIT
Last Updated:May 10, 2023
Links: GitHub  ·  npm
Maintainer: tskvrnda

Vue Chill Code Input

Easy Verification Code Input for your Vue projects

Why tho

  • user friendly UI
  • support for copy & paste
  • v-model
  • typescript support
  • customizable length
  • basically behaves like a standard input

Currently working with Vue2 projects only. Vue3 support coming soon.

Install

npm i vue-chill-code-input

Usage

import VueChillCodeInput from 'vue-chill-code-input';

<VueChillCodeInput :length="6" v-model="myValue"/>

API

Props

name type required default options
length Number false 4
type String false text text, number, tel
password Boolean false false
autoFocus Boolean false false
autoBlur Boolean false true

Events

name when data
done on fields filled input value
blur when blurred -

Methods

name desc
focus focuses on input (on the first column)
blur blurs input
clear clear input

Warning

  • early beta version under heavy development
  • any part of API can be changed

Bugs and Features

Check here

Related Packages

vue-pincode-input

Great pincode input component for Vue.js applications.

50,325 131
input pin pincode vue safe secure vuejs
vue-verification-code-input

🎉A verification code input

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

Another validation code input

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

🎉A verification code input for vue 3

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

基于vue2.0+的验证码输入组件

1,140 67
code input vue input-code

Version History

Version Released Vue License
0.1.3 ^2.6.12 MIT
0.1.1 ^2.6.12 MIT
0.1.0 ^2.6.12 MIT
0.0.8 ^2.6.12 MIT
0.0.7 ^2.6.12 MIT