.vue-content-placeholders.Vue.js plugin for leaving fake web content (Facebook like). It may be helpful as a placeholder while material is loading or data retrieving to deliver much better UX and also reduced bounce rate.You may use it as every other component (plugin) for Vue tasks. For example:.Utilization.Installment.* by means of npm: 'npm install vue-content-placeholders-- save'.* using anecdote: 'yarn add vue-content-placeholders'.Consist of the plugin in your main.js data.import Vue from 'vue'.import VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css report is actually included when importing the package. You may must arrangement your bundler to install the css in your page.In your themes:.content-placeholders is the main element and within 3 forms of content may exist.
For accessible residential or commercial properties have a look additionally listed below.
End result:.
End result:.Available parts as well as residential properties.origin.Boolean computer animated (default: real).Boolean pivoted (nonpayment: misleading) - boundary radius.Boolean focused (default: false).These residential properties specify how all children elements will certainly act.
Boolean img (nonpayment: false).
Amount lines (default: 4).That's it basically! This available resource task is under an MIT license.