.vue-content-placeholders.Vue.js plugin for rendering fake material (Facebook like). It may be practical as a placeholder while content is actually loading or even information getting to supply much better UX as well as lower bounce price.You may use it as some other component (plugin) for Vue ventures. For instance:.Usage.Installation.* through npm: 'npm put up vue-content-placeholders-- save'.* by means of anecdote: 'anecdote include vue-content-placeholders'.Feature the plugin in your main.js file.bring in Vue from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is actually featured when importing the package deal. You may need to configuration your bundler to install the css in your webpage.In your themes:.content-placeholders is actually the main part and also within 3 sorts of web content can exist.
For available residential or commercial properties check out further below.
End result:.
Outcome:.Available components and also homes.origin.Boolean animated (default: accurate).Boolean pivoted (nonpayment: untrue) - border distance.Boolean focused (default: inaccurate).These residential or commercial properties define how all children elements will function.
Boolean img (nonpayment: inaccurate).
Number product lines (default: 4).That's it essentially! This open source job is actually under an MIT license.