Package Exports

vue-chill-code-input
vue-chill-code-input/dist/vue-chill-code-input.esm.js
vue-chill-code-input/dist/vue-chill-code-input.ssr.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-chill-code-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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