.vue-content-placeholders.Vue.js plugin for making phony web content (Facebook like). It may be useful as a placeholder while web content is filling or even information getting to deliver much better UX as well as lower bounce price.You can use it as any other element (plugin) for Vue tasks. As an example:.Consumption.Installation.* through npm: 'npm put up vue-content-placeholders-- conserve'.* using anecdote: 'anecdote include vue-content-placeholders'.Feature the plugin in your main.js data.import Vue from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually consisted of when importing the bundle. You might need to setup your bundler to embed the css in your page.In your design templates:.content-placeholders is actually the principal element and also within 3 forms of content can easily exist.
For available properties take a look even more listed below.
End result:.
End result:.Offered components as well as homes.origin.Boolean computer animated (nonpayment: true).Boolean rounded (nonpayment: inaccurate) - border radius.Boolean based (nonpayment: false).These homes determine just how all children elements will definitely function.
Boolean img (nonpayment: untrue).
Amount collections (nonpayment: 4).That's it essentially! This available resource venture is actually under an MIT permit.