Loading Icons

NPMJS.org:

Usage

• Run yarn add tellimer-loading-icons
• In main.js:

import LoadingIcon from 'tellimer-loading-icon'
...
Vue.use(LoadingIcon)

• Usable in any Vue file:

  <loading-icon
    :loading="!isReady"
    loading-class="text-center"
  />

  Default loading-class: text-center

  Optional styling:

  • Add css to app where loading icon is used

  div.vertical-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  • Pass loading-class="text-center vertical-middle"

TODO

• Integrate vertical-middle styling + other customisations in tellimer-loading-icon package