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

Give it a try -> Codepen

Install with NPM:

$ npm install honeycrisp --save

Install with Yarn:

$ yarn add honeycrisp

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

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

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

MIT