https://github.com/cameronbass/honeycrisp
A crispy input for numerals
https://github.com/cameronbass/honeycrisp
2fa 2factor authenticator input javascript mfa number-input otp
Last synced: 8 months ago
JSON representation
A crispy input for numerals
- Host: GitHub
- URL: https://github.com/cameronbass/honeycrisp
- Owner: cameronbass
- License: mit
- Created: 2022-12-11T17:05:07.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-05T14:53:05.000Z (almost 3 years ago)
- Last Synced: 2025-08-17T06:41:54.988Z (10 months ago)
- Topics: 2fa, 2factor, authenticator, input, javascript, mfa, number-input, otp
- Language: JavaScript
- Homepage:
- Size: 50.8 KB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Honeycrisp 
[](https://www.jsdelivr.com/package/npm/honeycrisp) [](https://www.npmjs.com/package/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](https://codepen.io/cambass23/pen/wvxwJKY)
Installation
Install with NPM:
```bash
$ npm install honeycrisp --save
```
Install with Yarn:
```bash
$ yarn add honeycrisp
```
Usage
```html
```
```js
Honeycrisp.create('.honeycrisp');
```
You can use any classname you would like to locate the element for Honeycrisp to place the input.
Options
```js
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