svelte-loading-spinners
collection of loading spinners with Svelte.js
Installation
npm i svelte-loading-spinners
or
yarn add svelte-loading-spinners
Usage
<Jumper size="60" color="#FF3E00" unit="px"></Jumper>
<script>
import { Jumper } from 'svelte-loading-spinners'
</script>
List of avalible spinners
Props: size
, color
, and unit
.
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 |
Demo
List of all spinner: Demo
Development Setup