.vue-content-placeholders.Vue.js plugin for making fake material (Facebook like). It may be helpful as a placeholder while information is actually filling or information fetching to deliver far better UX and also lower bounce fee.You can easily use it as every other element (plugin) for Vue ventures. For example:.Usage.Setup.* via npm: 'npm put in vue-content-placeholders-- spare'.* by means of anecdote: 'yarn incorporate vue-content-placeholders'.Include the plugin in your main.js documents.bring in Vue from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is featured when importing the plan. You may need to configuration your bundler to embed the css in your page.In your design templates:.content-placeholders is the primary component and also within 3 kinds of information may exist.
For readily available properties check out additionally below.
Outcome:.
Outcome:.On call parts as well as residential or commercial properties.origin.Boolean animated (nonpayment: real).Boolean pivoted (default: untrue) - perimeter radius.Boolean based (default: incorrect).These homes specify just how all children components are going to behave.
Boolean img (default: incorrect).
Number collections (nonpayment: 4).That's it essentially! This open source project is under an MIT license.