.vue-content-placeholders.Vue.js plugin for rendering artificial material (Facebook like). It could be valuable as a placeholder while content is actually packing or even records getting to provide much better UX and also reduced bounce fee.You can use it as some other component (plugin) for Vue jobs. As an example:.Use.Installment.* through npm: 'npm put in vue-content-placeholders-- save'.* using anecdote: 'anecdote include vue-content-placeholders'.Consist of the plugin in your main.js data.import Vue coming from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css data is consisted of when importing the bundle. You might need to configuration your bundler to embed the css in your web page.In your templates:.content-placeholders is the primary component as well as within 3 kinds of content may exist.
For available buildings take a look even more listed below.
End result:.
Outcome:.Readily available elements as well as properties.origin.Boolean computer animated (nonpayment: true).Boolean rounded (default: incorrect) - border radius.Boolean based (nonpayment: false).These homes define exactly how all kids parts will behave.
Boolean img (default: inaccurate).
Number lines (default: 4).That's it more or less! This available source job is under an MIT certificate.