https://github.com/tkrotoff/bootstrap-input-spinner

Bootstrap 5 spinner/loading/pending indicator for <input>, <textarea> and <select>
https://github.com/tkrotoff/bootstrap-input-spinner

bootstrap bootstrap5 button input spinner

Last synced: over 1 year ago
JSON representation

Bootstrap 5 spinner/loading/pending indicator for <input>, <textarea> and <select>

• Host: GitHub
• URL: https://github.com/tkrotoff/bootstrap-input-spinner
• Owner: tkrotoff
• License: mit
• Created: 2018-11-03T22:37:02.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-11T00:14:32.000Z (over 3 years ago)
• Last Synced: 2025-03-17T10:23:30.798Z (over 1 year ago)
• Topics: bootstrap, bootstrap5, button, input, spinner
• Language: HTML
• Homepage:
• Size: 953 KB
• Stars: 11
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# @tkrotoff/bootstrap-input-spinner

[![npm version](https://badge.fury.io/js/%40tkrotoff%2Fbootstrap-input-spinner.svg)](https://www.npmjs.com/package/@tkrotoff/bootstrap-input-spinner)

[![Node.js CI](https://github.com/tkrotoff/bootstrap-input-spinner/workflows/Node.js%20CI/badge.svg?branch=master)](https://github.com/tkrotoff/bootstrap-input-spinner/actions)

[![Prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

Bootstrap 5 spinner/loading/pending indicator for ``, `` and ``

![demo](doc/demo.gif)

Example: https://codesandbox.io/s/github/tkrotoff/bootstrap-input-spinner/tree/codesandbox.io

- Small: ~200 lines of [SCSS](src/bootstrap-input-spinner.scss)

- Works with modern browsers

- Uses [Bootstrap variables](https://getbootstrap.com/docs/5.0/customize/sass/#variable-defaults)

Check the [changelog](CHANGELOG.md) for breaking changes and fixes between releases.

⚠️ Latest implementation for Bootstrap >= 4.2 & < 5 is [@tkrotoff/bootstrap-input-spinner v0.10.2](https://github.com/tkrotoff/bootstrap-input-spinner/tree/v0.10.2)

⚠️ Latest implementation for Bootstrap < 4.2 is [@tkrotoff/bootstrap-spinner v0.0.4](https://github.com/tkrotoff/bootstrap-input-spinner/tree/v0.0.4)

## Usage

`npm install @tkrotoff/bootstrap-input-spinner`

Import [bootstrap-input-spinner.scss](src/bootstrap-input-spinner.scss):

```SCSS

@import '~@tkrotoff/bootstrap-input-spinner/src/bootstrap-input-spinner';

```

Modify your [Bootstrap 5 code](https://getbootstrap.com/docs/5.0/forms/overview/) as follow:

```HTML



  Email address

  


    

    


  



```