Skeleton Loader Webcomponent

Install

You can get it on NPM installing skeleton-webcomponent-loader as a project dependency or via UNPKG

npm i skeleton-webcomponent-loader

You can choose one of the following options to add skeleton loader's script to the page:

• ESM import (Webpack/Browsers which support ES modules/Angular/React) (seems like the simpliest way)

  import {defineCustomElements as initSkeleton} from  './node_modules/skeleton-webcomponent-loader/loader/index.js';
  initSkeleton();

• Script tag via UNPKG (global npm delivery network) (could be used anywhere - any framework, without framework)

  <script  type="module"  src="https://unpkg.com/skeleton-webcomponent-loader@2.0.0/dist/skeleton-webcomponent/skeleton-webcomponent.esm.js"></script>
  <script  type="nomodule"  src="https://unpkg.com/skeleton-webcomponent-loader@/dist/skeleton-webcomponent/skeleton-webcomponent.js"></script>

• Script tag via npm (could be used anywhere - any framework, without framework)

  <script type="module"  src="./node_modules/skeleton-webcomponent-loader/dist/skeleton-webcomponent/skeleton-webcomponent.esm.js"></script>
  <script  type="nomodule"  src="./node_modules/skeleton-webcomponent-loader/dist/skeleton-webcomponent/skeleton-webcomponent.js"></script>

• Angular In app.module.ts or any module which uses skeleton in order to provide ability to use webcomponents:

  
  @NgModule({
      //whatever you have on app module goes here... 
      schemas: [CUSTOM_ELEMENTS_SCHEMA]
  })
  export class AppModule {}
  

  And in main.ts: or you can add it via stript tags in index.html as described before

  
          import {defineCustomElements as initSkeleton} from  './node_modules/skeleton-webcomponent-loader/loader/index.js';
  initSkeleton();