.vue-content-placeholders.Vue.js plugin for rendering phony information (Facebook like). It can be beneficial as a placeholder while web content is actually filling or data bring to provide much better UX and reduced bounce price.You can utilize it as some other part (plugin) for Vue tasks. As an example:.Usage.Installation.* by means of npm: 'npm put up vue-content-placeholders-- conserve'.* using anecdote: 'yarn add 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 documents is actually featured when importing the package. You might need to system your bundler to embed the css in your page.In your design templates:.content-placeholders is the major part and within 3 sorts of material can exist.
For accessible properties check out better below.
Result:.
End result:.Offered components and homes.root.Boolean computer animated (default: real).Boolean rounded (default: false) - boundary distance.Boolean focused (nonpayment: inaccurate).These properties specify exactly how all kids parts are going to behave.
Boolean img (nonpayment: incorrect).
Number series (nonpayment: 4).That's it more or less! This open resource job is under an MIT permit.