.vue-content-placeholders.Vue.js plugin for making fake information (Facebook like). It can be useful as a placeholder while web content is filling or records fetching to offer much better UX as well as reduced bounce price.You can utilize it as every other part (plugin) for Vue ventures. As an example:.Consumption.Installment.* via npm: 'npm put in vue-content-placeholders-- spare'.* via anecdote: 'anecdote incorporate vue-content-placeholders'.Include the plugin in your main.js data.import Vue from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is featured when importing the package deal. You might must setup your bundler to install the css in your page.In your layouts:.content-placeholders is the principal component and also within 3 kinds of web content can easily exist.
For available properties check out better listed below.
Result:.
End result:.Available components as well as residential properties.origin.Boolean cartoon (default: accurate).Boolean pivoted (nonpayment: untrue) - border radius.Boolean based (nonpayment: misleading).These homes determine just how all kids components are going to act.
Boolean img (nonpayment: false).
Variety product lines (nonpayment: 4).That's it more or less! This open source job is actually under an MIT certificate.