.vue-content-placeholders.Vue.js plugin for leaving phony information (Facebook like). It can be practical as a placeholder while web content is loading or information getting to provide much better UX and also lesser bounce fee.You can easily utilize it as some other component (plugin) for Vue projects. For instance:.Usage.Installment.* by means of npm: 'npm set up vue-content-placeholders-- conserve'.* via yarn: 'anecdote add vue-content-placeholders'.Consist of the plugin in your main.js report.bring in Vue from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is consisted of when importing the plan. You might have to setup your bundler to embed the css in your webpage.In your templates:.content-placeholders is actually the primary component as well as within 3 forms of content may exist.
For readily available properties take a look even further below.
Result:.
End result:.Accessible parts and properties.root.Boolean animated (default: true).Boolean pivoted (nonpayment: false) - border distance.Boolean focused (default: false).These residential properties define just how all little ones elements will definitely function.
Boolean img (nonpayment: inaccurate).
Number product lines (default: 4).That's it more or less! This open source venture is actually under an MIT permit.