.vue-content-placeholders.Vue.js plugin for providing artificial content (Facebook like). It can be useful as a placeholder while content is filling or even data getting to provide much better UX and also lesser bounce fee.You can utilize it as every other component (plugin) for Vue tasks. For example:.Usage.Installment.* through npm: 'npm install vue-content-placeholders-- save'.* via anecdote: 'yarn add vue-content-placeholders'.Consist of the plugin in your main.js report.import Vue coming from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is featured when importing the package. You might must configuration your bundler to embed the css in your page.In your design templates:.content-placeholders is actually the principal component as well as within 3 forms of web content may exist.
For available properties have a look further listed below.
End result:.
Outcome:.On call parts and also residential properties.origin.Boolean animated (nonpayment: correct).Boolean rounded (default: untrue) - perimeter radius.Boolean centered (nonpayment: inaccurate).These homes define just how all kids parts will behave.
Boolean img (nonpayment: inaccurate).
Amount product lines (nonpayment: 4).That's it basically! This open resource task is under an MIT certificate.