Sleep

Composable components for rendering progressive material like Facebook in Vue.js

.vue-content-placeholders.Vue.js plugin for making phony web content (Facebook like). It could be useful as a placeholder while web content is actually packing or information bring to deliver far better UX and also lesser bounce price.You may utilize it as every other part (plugin) for Vue projects. As an example:.Utilization.Setup.* via npm: 'npm put in vue-content-placeholders-- spare'.* using anecdote: 'anecdote add vue-content-placeholders'.Include 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 featured when importing the bundle. You might need to arrangement your bundler to embed the css in your web page.In your templates:.content-placeholders is actually the main part and also within 3 forms of material can exist.
For available properties have a look better below.
Result:.
Outcome:.Accessible elements and buildings.origin.Boolean animated (default: accurate).Boolean rounded (nonpayment: incorrect) - boundary span.Boolean centered (default: false).These residential properties specify exactly how all children parts will certainly behave.
Boolean img (nonpayment: false).
Variety lines (nonpayment: 4).That's it more or less! This available resource venture is actually under an MIT license.