Sleep

Composable parts for rendering progressive information like Facebook in Vue.js

.vue-content-placeholders.Vue.js plugin for providing fake web content (Facebook like). It may be practical as a placeholder while material is filling or information fetching to provide better UX and also lower bounce price.You can easily utilize it as any other element (plugin) for Vue tasks. For example:.Utilization.Installment.* via npm: 'npm set up vue-content-placeholders-- save'.* via anecdote: 'anecdote include vue-content-placeholders'.Feature the plugin in your main.js data.import Vue coming from 'vue'.bring in VueContentPlaceholders from 'vue-content-placeholders'.Vue.use( VueContentPlaceholders).A css file is actually included when importing the package. You might need to configuration your bundler to install the css in your webpage.In your layouts:.content-placeholders is the primary component as well as within 3 sorts of web content can easily exist.
For on call residential or commercial properties have a look even more below.
Outcome:.
End result:.Accessible elements and residential properties.origin.Boolean computer animated (nonpayment: accurate).Boolean pivoted (nonpayment: inaccurate) - border distance.Boolean centered (nonpayment: untrue).These properties define how all children elements will definitely behave.
Boolean img (default: misleading).
Amount product lines (default: 4).That's it more or less! This open resource job is actually under an MIT license.