Skeleton Card Loader In Vue - VUSC

Install & Download:

# Yarn
$ yarn add vue-ultimate-skeleton-cards
# NPM
$ npm i vue-ultimate-skeleton-cards --save

Description:

Just another Vue.js component to create a customizable skeleton loader for card component in the app.

Basic usage:

1. Import the Skeleton Card Loader.

import SkeletonCards from 'vue-ultimate-skeleton-cards'

2. Register the component.

Vue.use(SkeletonCards)

3. Add the Skeleton Card Loader to the template.

<SkeletonScaffold>
  Content Here
</SkeletonScaffold>

4. Customize the component with the following props.

primary: {
  type: String,
  default: "#242424",
},
padding: {
  type: String,
  default: "2em 3em",
},
borderRadius: {
  type: String,
  default: "20px",
},
contrast: {
  type: Number,
  default: 10,
},
structure: {
  type: String,
  default: "1120333304",
},
animDuration: {
  type: String,
  default: "1.5s",
},
animDisable:{
  type: Boolean,
  default: false
},
animTimingFunction:{
  type: String,
  default: ""
}