Skip to content

Commit 10003d1

Browse files
authored
Merge pull request #5 from tkrotoff/bootstrap5
Bootstrap 5 support
2 parents 631a23f + fdf5b1f commit 10003d1

File tree

6 files changed

+1219
-631
lines changed

6 files changed

+1219
-631
lines changed

README.md

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,20 @@
44
[![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)
55
[![Prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
66

7-
Bootstrap >= 4.4 spinner/loading/pending indicator for `<input>`, `<textarea>` and `<select>`
7+
Bootstrap >= 5 spinner/loading/pending indicator for `<input>`, `<textarea>` and `<select>`
88

99
![demo](doc/demo.gif)
1010

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

1313
- Small: ~200 lines of [SCSS](src/bootstrap-input-spinner.scss)
14-
- Works in latest browsers and IE >= 10
15-
- Uses [Bootstrap variables](https://getbootstrap.com/docs/4.6/getting-started/theming/#variable-defaults)
14+
- Works in latest browsers and IE 11
15+
- Uses [Bootstrap variables](https://getbootstrap.com/docs/5.0/customize/sass/#variable-defaults)
1616

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

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

2122
## Usage
2223

@@ -28,10 +29,10 @@ Import [bootstrap-input-spinner.scss](src/bootstrap-input-spinner.scss):
2829
@import '~@tkrotoff/bootstrap-input-spinner/src/bootstrap-input-spinner';
2930
```
3031

31-
Modify your [Bootstrap 4 code](https://getbootstrap.com/docs/4.6/components/forms/) as follow:
32+
Modify your [Bootstrap 5 code](https://getbootstrap.com/docs/5.0/forms/overview/) as follow:
3233

3334
```HTML
34-
<div class="form-group">
35+
<div class="mb-3">
3536
<label for="email">Email address</label>
3637
<div class="is-loading">
3738
<input type="email" id="email" class="form-control">

0 commit comments

Comments
 (0)