svelte-spinner

Svelte 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';

  export default {
    components: { 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.