.vue-content-placeholders.Vue.js plugin for providing bogus information (Facebook like). It could be beneficial as a placeholder while material is packing or even records retrieving to supply better UX and reduced bounce rate.You can easily utilize it as any other part (plugin) for Vue ventures. For example:.Usage.Setup.* by means of npm: 'npm put up vue-content-placeholders-- spare'.* through anecdote: 'anecdote incorporate vue-content-placeholders'.Feature the plugin in your main.js data.bring in Vue coming from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is featured when importing the plan. You might have to configuration your bundler to install the css in your page.In your themes:.content-placeholders is the major component and also within 3 kinds of information can easily exist.
For available properties look further listed below.
Result:.
Result:.Accessible parts and also homes.root.Boolean cartoon (default: real).Boolean rounded (default: false) - border distance.Boolean centered (nonpayment: inaccurate).These homes specify how all little ones components will certainly act.
Boolean img (nonpayment: untrue).
Amount series (nonpayment: 4).That's it more or less! This open source project is actually under an MIT permit.