Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gijsroge/stepper.js
jQuery library that adds external controls for input[type=number] so it's themeable
https://github.com/gijsroge/stepper.js
html5 jquery number spinner stepper
Last synced: 6 days ago
JSON representation
jQuery library that adds external controls for input[type=number] so it's themeable
- Host: GitHub
- URL: https://github.com/gijsroge/stepper.js
- Owner: gijsroge
- License: mit
- Created: 2017-04-10T20:00:53.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-06-04T14:23:58.000Z (over 6 years ago)
- Last Synced: 2024-10-13T01:12:26.878Z (about 1 month ago)
- Topics: html5, jquery, number, spinner, stepper
- Language: JavaScript
- Homepage:
- Size: 78.1 KB
- Stars: 26
- Watchers: 3
- Forks: 12
- Open Issues: 7
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Stepper.js
Themeable stepper control buttons that sits on top of a native input[type="number"] element to preserve all browser specific UX enhancements that the input[type=number] provides.
Setting [options](https://github.com/gijsroge/stepper.js#options) is as simple as using the native **step, min, max** attributes.
### Demo
**[Codepen demo](http://codepen.io/gijs/full/XRWKQW/)**
### Usage
```html
+
-
```
### Options
All options can be added inline as attributes on the element. See the example above.
```js
step: "1", // Amount to increment on each step. Also accepts decimals.
min: "1000", // Min amount
max: "10", // Max amount
debounce: 400, // Time in milliseconds to debounce the change event
```
### Install
- **yarn:** `yarn add stepper.js`
- **npm:** `npm install --save stepper.js`
### CDN
- https://unpkg.com/[email protected]/dest/stepper.min.js
### Alternatives
- https://github.com/vsn4ik/jquery.spinner