skeleton-loader-vue

skeleton-loader-vue

Install

npm

npm install skeleton-loader-vue --save

yarn

yarn add skeleton-loader-vue

Usage

In your vue component, import the vue skeleton loader

<script>
import SkeletonLoaderVue from 'skeleton-loader-vue'
export default {
  components: { SkeletonLoaderVue },
};
</script>

Then you can use the component in your template

<template>
  <div>
    <skeleton-loader-vue
      type="circle"
      :width="200"
      :height="200"
      animation="fade"
    />
  </div>
</template>

References

Types: circle, text, rect

Animations: fade, wave, pulse, pulse-x, pulse-y

Size: Overwrites the width and height with the provided value

Width: Sets width of loader

Height: Sets height of the loader

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.