svelte-loading-spinners
collection of loading spinners with Svelte.js
Installation
npm i --save-dev svelte-loading-spinnersor
yarn add -D svelte-loading-spinnersUsage
<Jumper size="60" color="#FF3E00" unit="px" duration="1s"></Jumper>
<script>
import { Jumper } from 'svelte-loading-spinners'
</script>List of avalible spinners
Props: size, color, unit and duration.
The default props; unit is px, color is #FF3E00 and size 60px.
Notes:
Circle2 has colorOuter, colorCenter, colorInner as props aswell.
Circle3 has ballTopLeft, ballTopRight, ballBottomLeft and ballBottomRight as props aswell.
| Loaders |
|---|
| BarLoader |
| Chasing |
| Circle |
| Circle2 |
| Circle3 |
| DoubleBounce |
| Firework |
| Jellyfish |
| Jumper |
| Pulse |
| Rainbow |
| RingLoader |
| ScaleOut |
| Shadow |
| SpinLine |
| Stretch |
| SyncLoader |
| Wave |
| Square |
| Moon |
Demo
List of all spinner: Demo