vue-skelett v0.4.0

vue-skelett

Simple skeleton builder to show skeleton view while loading the page.

Introduction

vue-skelett provides a skeleton view to show in place while the web page is loading. Currently it only supports pulse effect. It aims to provide maximum flexibility to create looks.

Sample Code

🚨 vue-skelett-sample

Installing

$ npm install vue-skelett

Usage

You can register the component globally, or use it in a particular component.

To register in your main.js

import Vue from 'vue';
// Import the component
import VueSkelett from 'vue-skelett';

// Register the component globally
Vue.component('vue-skelett', VueSkelett);

To register in your component

<script>
import VueSkelett from 'vue-skelett';

export default {
  components: { VueSkelett },
};
</script>

Using vue-skelett in your .vue file

<template>
  <div class="skeleton-card">
    <vue-skelett
      type="circle"
      size="100"
    />
   <vue-skelett
      width="100%" //sets its width in percent
      height="20" //sets its width in px
      radius="10"
    />
  </div>
</template>

API

Props

🔑 License

MIT © Ahmet Tınastepe

See LICENSE for details.