2.0.2 • Published 4 years ago
svelte-spinner v2.0.2
A Svelte SVG loading spinner.
Install
npm install --save svelte-spinnerExample
Look at the example folder for a basic working example.
Usage
<!-- App.html -->
<Spinner
size="50"
speed="750"
color="#A82124"
thickness="2"
gap="40"
/>
<script>
import Spinner from 'svelte-spinner';
</script>API
The spinner component is the only export of the module.
import Spinner from 'svelte-spinner';Properties
| Property | Default Value | Description |
|---|---|---|
size | 25 | The height and width of the SVG spinner. |
speed | 750 | How many milliseconds it will take for the spinner to complete one rotation. |
color | 'rgba(0,0,0,0.4)' | The color of the spinner. |
thickness | 2 | The thickness of the spinner. |
gap | 40 | How many percent of the spinner that will not be filled. |