.vue-content-placeholders.Vue.js plugin for leaving fake web content (Facebook like). It may be valuable as a placeholder while information is actually filling or even records retrieving to give far better UX and also lower bounce fee.You can utilize it as every other element (plugin) for Vue ventures. For example:.Use.Setup.* through npm: 'npm mount vue-content-placeholders-- save'.* through anecdote: 'yarn add vue-content-placeholders'.Consist of the plugin in your main.js report.import Vue from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css data is actually featured when importing the package deal. You may need to system your bundler to install the css in your page.In your templates:.content-placeholders is actually the main element as well as within 3 forms of material can exist.
For on call residential or commercial properties have a look even further below.
End result:.
Result:.On call parts and also residential or commercial properties.origin.Boolean computer animated (default: true).Boolean pivoted (default: misleading) - perimeter span.Boolean focused (default: incorrect).These residential or commercial properties specify just how all little ones components are going to function.
Boolean img (nonpayment: false).
Amount collections (nonpayment: 4).That's it essentially! This available resource task is actually under an MIT license.