.vue-content-placeholders.Vue.js plugin for leaving bogus material (Facebook like). It can be helpful as a placeholder while information is actually loading or even data fetching to offer better UX and also lower bounce price.You can easily utilize it as every other part (plugin) for Vue projects. As an example:.Consumption.Installment.* via npm: 'npm put up vue-content-placeholders-- save'.* through anecdote: 'yarn include vue-content-placeholders'.Feature the plugin in your main.js report.bring in Vue coming from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css data is featured when importing the bundle. You might must setup your bundler to install the css in your page.In your themes:.content-placeholders is the primary component and also within 3 kinds of material may exist.
For readily available buildings check out even more listed below.
Result:.
Outcome:.Offered components and residential or commercial properties.root.Boolean animated (nonpayment: accurate).Boolean pivoted (nonpayment: misleading) - boundary span.Boolean centered (default: misleading).These homes describe just how all children elements will definitely behave.
Boolean img (default: inaccurate).
Number product lines (nonpayment: 4).That's it basically! This open resource project is actually under an MIT license.