Sleep

Composable elements for rendering modern material like Facebook in Vue.js

.vue-content-placeholders.Vue.js plugin for rendering artificial information (Facebook like). It can be helpful as a placeholder while content is packing or even records retrieving to deliver better UX and lower bounce price.You can easily utilize it as every other element (plugin) for Vue jobs. As an example:.Utilization.Setup.* via npm: 'npm put in vue-content-placeholders-- spare'.* using yarn: 'yarn add vue-content-placeholders'.Feature the plugin in your main.js report.bring in Vue coming from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css documents is actually featured when importing the bundle. You may need to setup your bundler to embed the css in your webpage.In your themes:.content-placeholders is the main component as well as within 3 kinds of content can easily exist.
For readily available buildings check out even further listed below.
Result:.
Result:.Available parts and residential or commercial properties.root.Boolean computer animated (default: true).Boolean rounded (nonpayment: untrue) - perimeter span.Boolean centered (nonpayment: incorrect).These properties specify how all little ones elements will definitely function.
Boolean img (default: untrue).
Variety lines (nonpayment: 4).That's it essentially! This open resource task is under an MIT permit.

Articles You Can Be Interested In