vue-skeleton-load

Installation

yarn add skeleton-loader-vue

import Vue from "vue";
import VueSkeleton from "vue-skeleton-load";
import "vue-skeleton-load/vue-skeleton.css";

Vue.use(VueSkeleton, {
  //theme : "dark"
});

Usage

<div>
  <!-- basic -->
  <skel-box></skel-box>
  <skel-line></skel-line>

  <!-- optional -->
  <skel-box
    theme="dark"
    :duration="2"
    :width="100"
    :height="100"
    :radius="10"
    :is-round="true"
  ></skel-box>
  <skel-line
    theme="dark"
    :duration="2"
    :line="2"
    :lineHeight="15"
    :lineTerm="20"
    :title="true"
  ></skel-line>
</div>