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
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