Honeycrisp   <a href="https://badge.fury.io/js/honeycrisp"><img src="https://badge.fury.io/js/honeycrisp.svg" alt="npm version" height="18"></a>  

<p align="center"> <img src="https://user-images.githubusercontent.com/13616332/207875618-daed766b-64bc-4f73-a62b-3fad21c3b705.png"> </p> <h2 align="center">A Crispy Input For Numbers</h2>

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

<h6>Two-Factor Authentication</h6>

<h1>Demo</h1>

Give it a try -> Codepen

<h1>Installation</h1>

Install with NPM:

$ npm install honeycrisp --save

Install with Yarn:

$ yarn add honeycrisp

<h1>Usage</h1>

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

<h1>Options</h1>

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.

<h1>License</h1> <p>MIT</p>