Author: | codiewebs |
---|---|
Views Total: | 597 views |
Official Page: | Go to website |
Last Update: | September 25, 2022 |
License: | MIT |
Preview:

Description:
An easy-to-use number input spinner plugin created for the latest Bootstrap 5 framework.
How to use it:
1. Load the required Bootstrap 5 framework.
<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" /> <script src="/path/to/cdn/bootstrap.bundle.min.js"></script>
2. Load the input-numspin plugin.
<script src="js/input-numspin.min.js"></script> <link rel="stylesheet" type="text/css" href="css/input-numspin.min.css" />
3. Add the data-numspin attribute to the target number input. That’s it.
<input type="number" class="form-control" data-numspin />
4. The plugin supports native HTML attributes like min, max, min, values, etc.
<input type="number" class="form-control" data-numspin step="1" min="0" max="100" value="10" />
5. Add prefix & suffix to the number input.
<input type="number" class="form-control" data-numspin data-prefix="$" /> <input type="number" class="form-control" data-numspin data-suffix="%" />
Changelog:
09/26/2022
- Add numspin input style