.vue-content-placeholders.Vue.js plugin for providing bogus web content (Facebook like). It could be beneficial as a placeholder while information is actually loading or even information getting to provide far better UX as well as reduced bounce price.You can utilize it as any other component (plugin) for Vue jobs. For example:.Consumption.Installation.* via npm: 'npm install vue-content-placeholders-- conserve'.* using yarn: 'anecdote incorporate vue-content-placeholders'.Include the plugin in your main.js file.bring in Vue from 'vue'.import VueContentPlaceholders coming from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css data is actually consisted of when importing the bundle. You may must setup your bundler to install the css in your webpage.In your design templates:.content-placeholders is the principal component and within 3 forms of content may exist.
For readily available properties look additionally below.
Result:.
End result:.Readily available elements as well as residential properties.origin.Boolean cartoon (default: accurate).Boolean pivoted (default: misleading) - perimeter span.Boolean focused (nonpayment: false).These homes determine how all kids components are going to act.
Boolean img (default: misleading).
Amount lines (nonpayment: 4).That's it more or less! This open source project is under an MIT license.