.vue-content-placeholders.Vue.js plugin for rendering bogus information (Facebook like). It may be beneficial as a placeholder while material is actually loading or information retrieving to supply better UX and lower bounce price.You can utilize it as every other part (plugin) for Vue tasks. As an example:.Use.Installation.* through npm: 'npm put up vue-content-placeholders-- save'.* by means of yarn: 'anecdote include vue-content-placeholders'.Consist of the plugin in your main.js documents.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 might have to arrangement your bundler to embed the css in your page.In your themes:.content-placeholders is actually the primary element as well as within 3 types of web content can exist.
For on call properties take a look additionally below.
Outcome:.
End result:.On call elements as well as homes.origin.Boolean computer animated (default: real).Boolean pivoted (nonpayment: incorrect) - boundary span.Boolean centered (nonpayment: incorrect).These residential properties specify just how all children components are going to behave.
Boolean img (nonpayment: false).
Variety lines (default: 4).That's it more or less! This open source venture is under an MIT permit.