.vue-content-placeholders.Vue.js plugin for leaving fake web content (Facebook like). It may be useful as a placeholder while content is actually loading or information retrieving to offer much better UX and also lesser bounce rate.You may use it as any other element (plugin) for Vue projects. For instance:.Consumption.Installment.* through npm: 'npm install vue-content-placeholders-- save'.* using yarn: 'anecdote add vue-content-placeholders'.Feature the plugin in your main.js file.bring in Vue coming from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is consisted of when importing the bundle. You might need to setup your bundler to install the css in your webpage.In your design templates:.content-placeholders is actually the primary part as well as within 3 sorts of content may exist.
For available buildings take a look additionally below.
End result:.
End result:.On call elements and properties.root.Boolean cartoon (default: correct).Boolean pivoted (default: untrue) - border radius.Boolean centered (nonpayment: misleading).These homes describe exactly how all kids components will act.
Boolean img (nonpayment: incorrect).
Variety series (nonpayment: 4).That's it basically! This available resource task is actually under an MIT certificate.