PHPackages                             zardo/bootstrap-spinedit - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. zardo/bootstrap-spinedit

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

zardo/bootstrap-spinedit
========================

A spin edit control for Twitter Bootstrap.

033JavaScript

Since Apr 9Pushed 12y ago1 watchersCompare

[ Source](https://github.com/zardo/bootstrap-spinedit)[ Packagist](https://packagist.org/packages/zardo/bootstrap-spinedit)[ RSS](/packages/zardo-bootstrap-spinedit/feed)WikiDiscussions master Synced 5d ago

READMEChangelogDependenciesVersions (1)Used By (0)

Spin Edit for Twitter Bootstrap
===============================

[](#spin-edit-for-twitter-bootstrap)

[![Spin Edit Example](https://camo.githubusercontent.com/51ab4a3254b82cbc21939bb8d8bc0dd6c51e6f15e65495131549be10fc9d2d44/687474703a2f2f676565727363682e6769746875622e636f6d2f626f6f7473747261702d7370696e656469742f696d616765732f7370696e656469742e706e67)](https://camo.githubusercontent.com/51ab4a3254b82cbc21939bb8d8bc0dd6c51e6f15e65495131549be10fc9d2d44/687474703a2f2f676565727363682e6769746875622e636f6d2f626f6f7473747261702d7370696e656469742f696d616765732f7370696e656469742e706e67)[![Spin Edit Example](https://camo.githubusercontent.com/43bc53c40540902d846c30695e641e075c22bf046519aa7cd1cc0c8d2a549941/687474703a2f2f676565727363682e6769746875622e636f6d2f626f6f7473747261702d7370696e656469742f696d616765732f7370696e65646974666c6f61742e706e67)](https://camo.githubusercontent.com/43bc53c40540902d846c30695e641e075c22bf046519aa7cd1cc0c8d2a549941/687474703a2f2f676565727363682e6769746875622e636f6d2f626f6f7473747261702d7370696e656469742f696d616765732f7370696e65646974666c6f61742e706e67)

A spin edit control for Twitter Bootstrap.

Tested with version 2.2.1.

Demo
----

[](#demo)

[Click here for a live demo](http://geersch.github.com/bootstrap-spinedit/demo.html).

Usage
-----

[](#usage)

This component relies on [Twitter Bootstrap](http://twitter.github.com/bootstrap/) and [jQuery](http://jquery.com/).

Basic usage:

```

$('#spinEdit').spinedit();

```

You can use the following additional options to modify the behaviour of the spin edit control:

- **value**: The initial value (default 0).
- **minimum**: The minimum allowed value (default 0).
- **maximum**: The maximum allowed value (default 100).
- **step**: The amount that control uses to increase or decrease its vaule (default 1).
- **numberOfDecimals**: The number of allowed decimals (default 0).

For example:

```

$('#spinEdit').spinedit({
    minimum: -10000,
    maximum: 10000,
    step: 100,
    value: 0,
    numberOfDecimals: 0
});

```

Methods
-------

[](#methods)

**setValue**

Set the value of the spin edit.

```
$('#spinEdit').spinedit('setValue', 100);

```

**setMinimum**

Set the minimum allowed value of the spin edit.

```
$('#spinEdit').spinedit('setMinimum', -10000);

```

**setMaximum**

Set the maximum allowed value of the spin edit.

```
$('#spinEdit').spinedit('setMaximum', 10000);

```

**setStep**

Set the step, by which the value of the spin edit is increased / decreased.

```
$('#spinEdit').spinedit('setStep', 100);

```

**increase**

Increase the value of the spin edit with the value defined by its step property.

```
$('#spinEdit').spinedit('increase');

```

**decrease**

Decrease the value of the spin edit with the value defined by its step property.

```
$('#spinEdit').spinedit('decrease');

```

**setNumberOfDecimals**

Sets the number of allowed decimals.

```
$('#spinEdit').spinedit('setNumberOfDecimals', 2);

```

Events
------

[](#events)

The spin edit supports one event, namely **valueChanged**. This event is triggered when its value changes.

The event object has one additional property:

- **value**: The new value of the spin edit.

```
$('#spinEdit').on("valueChanged", function (e) {
    console.log(e.value);
});

```

License
-------

[](#license)

This code is made available under the [Apache License v2.0](http://www.apache.org/licenses/LICENSE-2.0), the same as Twitter Bootstrap.

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 96.3% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/41dab194cda6dd0fa1299674a658ecb5662bd24eeef4a58c3efc3823fabdbfb4?d=identicon)[zardo](/maintainers/zardo)

---

Top Contributors

[![geersch](https://avatars.githubusercontent.com/u/1782629?v=4)](https://github.com/geersch "geersch (26 commits)")[![ivoras](https://avatars.githubusercontent.com/u/2300424?v=4)](https://github.com/ivoras "ivoras (1 commits)")

### Embed Badge

![Health badge](/badges/zardo-bootstrap-spinedit/health.svg)

```
[![Health](https://phpackages.com/badges/zardo-bootstrap-spinedit/health.svg)](https://phpackages.com/packages/zardo-bootstrap-spinedit)
```

###  Alternatives

[kornrunner/ethereum-offline-raw-tx

Pure PHP Ethereum Offline Raw Transaction Signer

63192.1k22](/packages/kornrunner-ethereum-offline-raw-tx)[elgentos/magento2-product-duplicate-images-remove

Magento 2 find duplicate product images from your product list and from this list you can easily remove them by running a command

201.4k](/packages/elgentos-magento2-product-duplicate-images-remove)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
