No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Svelte Bootstrap Loader/Spinner
 
Svelte Loader/Spinner - Bootstrap 4 & Material Design
 
Svelte Bootstrap loader is animation that is used to keep visitors entertained while the page is still loading,
  which helps to increase the user experience.
 
Basic Example
   
 
 
 
 
 
 
 
 
 
 
<script>
  import {MDBRow, MDBCol, MDBSpinner} from "mdbsvelte";

  const colors = [
    "primary", "secondary", "success", "danger", "warning", "info", "light", "dark"
  ];
</script>
<MDBRow>
  {#each colors as color}
    <MDBCol>
      <MDBSpinner {color}/>
    </MDBCol>
  {/each}
</MDBRow>

 
Growing Loaders
   
 
 
 
 
 
 
 
 
 
 
<script>
  import {MDBRow, MDBCol, MDBSpinner} from "mdbsvelte";

  const colors = [
    "primary", "secondary", "success", "danger", "warning", "info", "light", "dark"
  ];
</script>
<MDBRow>
  {#each colors as color}
    <MDBCol>
      <MDBSpinner {color} type="grow"/>
    </MDBCol>
  {/each}
</MDBRow>

 
Loader sizing
   
 
 
 
 
 
<script>
  import {MDBRow, MDBCol, MDBSpinner} from "mdbsvelte";
</script>
<MDBRow>
  <MDBCol>
    <MDBSpinner size="sm"/>
  </MDBCol>
  <MDBCol>
    <MDBSpinner size="sm" type="grow"/>
  </MDBCol>

  <MDBCol>
    <MDBSpinner/>
  </MDBCol>
  <MDBCol>
    <MDBSpinner type="grow"/>
  </MDBCol>
</MDBRow>