.vue-content-placeholders.Vue.js plugin for rendering fake material (Facebook like). It may be helpful as a placeholder while material is filling or even records fetching to provide better UX and also lesser bounce rate.You may use it as some other element (plugin) for Vue projects. For instance:.Use.Installment.* via npm: 'npm install vue-content-placeholders-- conserve'.* using yarn: 'yarn include vue-content-placeholders'.Feature the plugin in your main.js report.bring in Vue from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is featured when importing the package deal. You may have to configuration your bundler to embed the css in your page.In your themes:.content-placeholders is actually the principal element as well as within 3 forms of material can easily exist.
For available homes have a look additionally listed below.
End result:.
Outcome:.Available elements as well as properties.origin.Boolean cartoon (default: true).Boolean rounded (nonpayment: misleading) - perimeter span.Boolean focused (default: false).These residential properties determine just how all kids components will definitely behave.
Boolean img (default: incorrect).
Variety lines (default: 4).That's it basically! This available source project is under an MIT license.