Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 2 months 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 (about 6 years ago)
Default Branch: master
Last Pushed: 2023-03-11T00:14:32.000Z (almost 2 years ago)
Last Synced: 2024-10-12T07:10:54.860Z (3 months ago)
Topics: bootstrap, bootstrap5, button, input, spinner
Language: HTML
Homepage:
Size: 953 KB
Stars: 11
Watchers: 2
Forks: 0
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

  

    

    

  



```