.vue-content-placeholders.Vue.js plugin for making bogus web content (Facebook like). It can be useful as a placeholder while information is actually filling or data retrieving to deliver better UX and reduced bounce fee.You can easily use it as any other part (plugin) for Vue ventures. For instance:.Usage.Installment.* via npm: ‘npm put up vue-content-placeholders– save’.* by means of yarn: ‘anecdote include vue-content-placeholders’.Feature the plugin in your main.js file.import Vue coming from ‘vue’.import VueContentPlaceholders from ‘vue-content-placeholders’.Vue.use( VueContentPlaceholders).A css report is featured when importing the plan.
You may must setup your bundler to embed the css in your webpage.In your layouts:.content-placeholders is actually the primary element and within 3 sorts of content may exist. For available homes have a look better listed below. End result:.
Result:.On call elements as well as residential or commercial properties.origin.Boolean computer animated (default: true).Boolean pivoted (nonpayment: incorrect) – perimeter distance.Boolean centered (default: untrue).These residential properties determine how all youngsters components will act. Boolean img (nonpayment: untrue). Variety series (default: 4).That’s it more or less!
This available source project is under an MIT permit.