ez-otp-input

Install

npm i ez-otp-input --save

or

yarn add ez-otp-input

Usage

Vue.use()

// Introduced in vue file
import EzOtpInput from 'ez-otp-input';
Vue.use(EzOtpInput);

Import Component

// Introduced in vue file
import { EzOtpInput } from 'ez-otp-input';

export default {
  name: 'MyComponent',
  ...
  components: {
    EzOtpInput
  }
}

Props

Props	Type	Default	Description
value	String		use v-model to automatically set your local value
length	Number	4	sets the length of the OTP
disable	Boolean	false	disables the input
placeholder	String	--	placeholder for each character input
autoSubmit	Boolean	true	flag to trigger @filled event when model is equal to length

Events

Event	Param	Description
filled		triggered when all input fields are filled up. Can be enabled/disabled via the autoSubmit prop