Honeycrisp    

A Crispy Input For Numbers

Honeycrisp is a unique number input created to aid standard two-factor auth login flows by providing an enhanced input for One-Time Passwords.

Two-Factor Authentication

Demo

Give it a try -> Codepen

Installation

Install with NPM:

$ npm install honeycrisp --save

Install with Yarn:

$ yarn add honeycrisp

Usage

<div class="honeycrisp"></div>

Honeycrisp.create('.honeycrisp');

You can use any classname you would like to locate the element for Honeycrisp to place the input.

Options

Honeycrisp.create('.honeycrisp', {
  inputName: "name",
  inputClass: "input-class",
  WrapperClass: "wrapper-class",
  inputCount: 6,
});

How can I help?

Honeycrisp is open source and contributions from the community are encouraged! No contribution is too small.

License

MIT