@tkrotoff/bootstrap-input-spinner

Bootstrap >= 4.2 spinner/loading/pending indicator for <input>

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

• Small: less than 50 lines of SCSS
• Works in latest browsers and IE >= 10
• Uses Bootstrap variables: nothing hardcoded

⚠️ Latest implementation for Bootstrap < 4.2 is bootstrap-spinner v0.0.4

Usage

npm install @tkrotoff/bootstrap-input-spinner

Import bootstrap4-input-spinner.scss:

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

Modify your Bootstrap 4 code as follow:

<div class="form-group">
  <label for="email">Email address</label>
  <input type="email" id="email" class="form-control is-loading is-loading-sm">
  <span class="spinner-border spinner-border-sm"></span>
</div>