0.0.7 • Published 5 years ago

ez-otp-input v0.0.7

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

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

PropsTypeDefaultDescription
valueString use v-model to automatically set your local value
lengthNumber4sets the length of the OTP
disableBooleanfalsedisables the input
placeholderString--placeholder for each character input
autoSubmitBooleantrueflag to trigger @filled event when model is equal to length

Events

EventParamDescription
filled triggered when all input fields are filled up. Can be enabled/disabled via the autoSubmit prop
0.0.7

5 years ago

0.0.6

5 years ago

0.0.5

5 years ago

0.0.4

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago