Package Exports

honeycrisp
honeycrisp/src/honeycrisp.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (honeycrisp) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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

2022-12-19 06 42 39

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,
  submitOnComplete: false,
});

Future Updates

Add Tests
Enable options for submitOnComplete -- Option is currently defaulted to false
Add default stylesheet

How can I help?

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

License

MIT