Svelte Spinner

EmilTholin
61
3

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.

Top categories