.vue-content-placeholders.Vue.js plugin for making artificial content (Facebook like). It may be beneficial as a placeholder while web content is loading or information fetching to offer better UX and lower bounce rate.You may use it as every other element (plugin) for Vue tasks. For example:.Usage.Installment.* through npm: 'npm put up vue-content-placeholders-- conserve'.* by means of anecdote: 'yarn incorporate vue-content-placeholders'.Feature the plugin in your main.js report.import Vue from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually featured when importing the package. You might have to system your bundler to install the css in your web page.In your themes:.content-placeholders is the primary part as well as within 3 kinds of content may exist.
For accessible properties take a look better below.
Outcome:.
End result:.Readily available components and also residential or commercial properties.root.Boolean animated (nonpayment: real).Boolean rounded (default: untrue) - border radius.Boolean centered (default: untrue).These properties define exactly how all little ones parts are going to behave.
Boolean img (default: false).
Number product lines (default: 4).That's it more or less! This open resource job is under an MIT permit.