.vue-content-placeholders.Vue.js plugin for providing bogus material (Facebook like). It can be valuable as a placeholder while information is actually loading or even data bring to deliver better UX and reduced bounce price.You may utilize it as every other part (plugin) for Vue jobs. For instance:.Consumption.Installment.* using npm: 'npm put in vue-content-placeholders-- spare'.* using yarn: 'yarn include vue-content-placeholders'.Consist of the plugin in your main.js documents.bring in Vue from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually included when importing the bundle. You might must configuration your bundler to install the css in your page.In your layouts:.content-placeholders is the principal part and also within 3 sorts of web content may exist.
For accessible buildings check out further below.
End result:.
End result:.Offered elements and also homes.origin.Boolean animated (default: accurate).Boolean rounded (nonpayment: misleading) - perimeter radius.Boolean centered (default: incorrect).These properties define exactly how all youngsters elements are going to act.
Boolean img (default: untrue).
Amount product lines (nonpayment: 4).That's it more or less! This available resource venture is under an MIT certificate.