Sleep

Composable elements for providing progressive web content like Facebook in Vue.js

.vue-content-placeholders.Vue.js plugin for providing fake content (Facebook like). It could be useful as a placeholder while content is actually packing or even data retrieving to offer far better UX and lesser bounce price.You can easily use it as some other part (plugin) for Vue tasks. For example:.Usage.Setup.* by means of npm: 'npm install vue-content-placeholders-- spare'.* using anecdote: 'yarn include vue-content-placeholders'.Feature the plugin in your main.js data.bring in Vue from 'vue'.bring in VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is actually consisted of when importing the package. You might need to configuration your bundler to embed the css in your web page.In your templates:.content-placeholders is actually the principal part as well as within 3 forms of web content can exist.
For accessible residential or commercial properties look further listed below.
End result:.
End result:.Readily available elements and homes.origin.Boolean cartoon (nonpayment: correct).Boolean pivoted (default: incorrect) - boundary distance.Boolean focused (nonpayment: false).These residential properties define just how all youngsters parts will definitely behave.
Boolean img (nonpayment: incorrect).
Number lines (nonpayment: 4).That's it essentially! This available source project is under an MIT permit.

Articles You Can Be Interested In