.vue-content-placeholders.Vue.js plugin for leaving artificial material (Facebook like). It could be practical as a placeholder while content is actually packing or information fetching to give much better UX as well as lesser bounce price.You can easily use it as any other component (plugin) for Vue tasks. As an example:.Consumption.Setup.* via npm: 'npm install vue-content-placeholders-- spare'.* using anecdote: 'anecdote incorporate vue-content-placeholders'.Include the plugin in your main.js file.import Vue from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is featured when importing the package deal. You may need to setup your bundler to embed the css in your page.In your templates:.content-placeholders is actually the main element and also within 3 types of material can exist.
For readily available residential properties look better below.
Outcome:.
Result:.Accessible elements and also properties.origin.Boolean animated (default: correct).Boolean pivoted (nonpayment: misleading) - boundary radius.Boolean centered (nonpayment: incorrect).These homes describe exactly how all youngsters elements will certainly function.
Boolean img (nonpayment: misleading).
Variety product lines (default: 4).That's it basically! This available source job is under an MIT permit.