Sleep

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

.vue-content-placeholders.Vue.js plugin for leaving fake information (Facebook like). It could be useful as a placeholder while web content is packing or even information bring to give far better UX and reduced bounce rate.You can use it as some other part (plugin) for Vue ventures. For instance:.Utilization.Installation.* by means of npm: 'npm install vue-content-placeholders-- save'.* via yarn: 'anecdote add vue-content-placeholders'.Include the plugin in your main.js report.bring in Vue from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is consisted of when importing the bundle. You might need to arrangement your bundler to embed the css in your webpage.In your design templates:.content-placeholders is the main element and also within 3 forms of information can exist.
For on call properties have a look additionally below.
Outcome:.
Result:.On call components and also properties.origin.Boolean computer animated (nonpayment: correct).Boolean rounded (default: incorrect) - boundary radius.Boolean centered (nonpayment: misleading).These buildings describe just how all kids parts are going to act.
Boolean img (nonpayment: false).
Number collections (nonpayment: 4).That's it essentially! This open resource venture is under an MIT license.