.vue-content-placeholders.Vue.js plugin for providing artificial material (Facebook like). It may be practical as a placeholder while material is loading or information bring to offer better UX and also lesser bounce fee.You can easily utilize it as any other part (plugin) for Vue tasks. For instance:.Consumption.Setup.* through npm: 'npm set up vue-content-placeholders-- spare'.* by means of yarn: 'yarn incorporate vue-content-placeholders'.Feature the plugin in your main.js report.import Vue from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is included when importing the deal. You might have to arrangement your bundler to embed the css in your page.In your layouts:.content-placeholders is actually the primary component and within 3 forms of information may exist.
For readily available residential properties have a look additionally below.
Outcome:.
Result:.Offered elements as well as homes.root.Boolean animated (nonpayment: real).Boolean rounded (default: incorrect) - perimeter radius.Boolean based (nonpayment: inaccurate).These residential or commercial properties define just how all little ones parts will function.
Boolean img (default: untrue).
Variety product lines (default: 4).That's it essentially! This available source project is actually under an MIT permit.