# Loader

### [Interactive Demo](https://vision.crimsonlogic.studio/jds/v2.1/components.html#loader-wrapper)

### Example

<div align="left"><img src="https://131633009-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVPzFJV0KiMDuBMGmVD%2F-MZRKoi2OZE_l4Loox3e%2F-MZRL1wGU8LmRxa2PFkt%2Fimage.png?alt=media&#x26;token=c59c145e-ce6f-492b-b543-e9875179828b" alt=""></div>

```html
  <div class="container text-start">
    <button type="button" class="btn btn-primary" data-aos="fade-up" data-aos-duration="750" aria-label="Loader" title="Test the Loader for 5 seconds" onclick="javascript:testLoader()">5 Seconds Loader Test</button>
    <button class="btn btn-primary" data-aos="fade-up" data-aos-duration="1250" aria-label="Loading..."> <span class="spinner-border spinner-border-sm"></span> Loading.. </button>
  </div>
```
