egoist / vue-content-loader

SVG component to create placeholder loading, like Facebook cards loading.

Home Page:https://create-content-loader.now.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Example for using vue-content-loader using CDN on webpage.

sarath49 opened this issue · comments

Need an example for using vue-content-loader on simple html using cdn. No npm, no webpack, no yarn.

Inside your new Vue instance create a component:

new Vue({
 el: '#root',
  components: {
    'content-loader':  window.contentLoaders.FacebookLoader
  } 
});

After that in your html:

<div id="root">
  <template >
	<content-loader></content-loader>
   </template>
</div>

This way you can show Facebook style loader in you web page while using CDN.

Hey @sarath49, thank you for sharing the solution, it was very helpful to me 😄