.vue-content-placeholders.Vue.js plugin for leaving artificial web content (Facebook like). It may be useful as a placeholder while material is loading or even data retrieving to provide much better UX and also reduced bounce rate.You may use it as every other part (plugin) for Vue jobs. For instance:.Use.Installation.* via npm: 'npm set up vue-content-placeholders-- conserve'.* by means of yarn: 'anecdote include vue-content-placeholders'.Feature the plugin in your main.js documents.import Vue from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually included when importing the plan. You may have to system your bundler to embed the css in your webpage.In your templates:.content-placeholders is the principal element as well as within 3 types of content can easily exist.
For readily available buildings take a look further below.
Outcome:.
Outcome:.Readily available elements and also homes.root.Boolean animated (nonpayment: true).Boolean rounded (nonpayment: untrue) - boundary radius.Boolean based (nonpayment: false).These residential or commercial properties describe how all little ones components will certainly act.
Boolean img (nonpayment: inaccurate).
Variety series (nonpayment: 4).That's it more or less! This available source task is actually under an MIT license.