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

Working with Vue2 projects only. Vue3 support not comming.

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

Bugs and Features

Check here