.vue-content-placeholders.Vue.js plugin for rendering phony content (Facebook like). It may be practical as a placeholder while web content is loading or data retrieving to give much better UX as well as lower bounce price.You can use it as every other component (plugin) for Vue tasks. As an example:.Usage.Installment.* via npm: 'npm mount vue-content-placeholders-- conserve'.* using anecdote: 'yarn incorporate vue-content-placeholders'.Consist of the plugin in your main.js data.bring in Vue coming from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually consisted of when importing the package deal. You may have to system your bundler to embed the css in your page.In your themes:.content-placeholders is actually the main part and also within 3 sorts of information may exist.
For available buildings check out further listed below.
Result:.
End result:.Accessible components and also residential or commercial properties.origin.Boolean cartoon (default: correct).Boolean rounded (default: inaccurate) - border distance.Boolean centered (nonpayment: untrue).These properties define exactly how all youngsters parts will definitely behave.
Boolean img (nonpayment: inaccurate).
Variety collections (nonpayment: 4).That's it more or less! This open resource job is under an MIT license.