svelte-refresh-indicator

Material design refresh indicator.

View the demo.

install

$ npm install svelte-refresh-indicator

example

import RefreshIndicator from 'svelte-refresh-indicator'

const indicator = new RefreshIndicator({
  target: somewhereOverTheDOMRainbow, // DOM node where the indicator will be rendered
  data: {
    size: 38, // the height and width of the indicator
    color: '#2196f3', // spinner/arrow color
    emphasized: false // false => plain spinner, true => spinner in a fancy container
  }
})

indicator.set({ progressRatio: undefined }) // regular animated spinner
indicator.set({ progressRatio: 0.5 }) // manually controller progress indicator

indicator.set({ size: 1000 }) // absurdly large indicator
// I did test it at this size and it is indeed sweet and ridiculous.