svelte-spinner
svelte-spinner copied to clipboard
Published
20 hours ago •
EmilTholin
EmilTholin
A Svelte SVG loading spinner
A Svelte SVG loading spinner.
Install
npm install --save svelte-spinner
Example
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. |
EmilTholin