svelte-spinner

A Svelte SVG loading spinner

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
svelte-spinner
6112.0.24 years ago6 years agoMinified + gzip package size for svelte-spinner in KB

Readme

!npmnpmnpm-url
Svelte Spinner
A Svelte SVG loading spinner.

Install

npm install --save svelte-spinner

Example

Look at the example folderexample-folder-url 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. |