NGX Skeleton loader creates beautiful, animated loading structures that automatically adapt to your Angular applications.

angular skeleton loading examples, skeleton loading animation, skeleton loading js, ngx skeleton loader, angular material skeleton loader, ngx skeleton loader angular

WAI-ARIA values

• loadingText – load default…: an attribute that specifies the text value of the aria-valuetext attribute. Defaults to “Loading…”
• aria-label – default loading: You can add ariaLabel as an input to the component to set a different value.

Easily Add Skeleton Loader to Angular7 | Ngx-Skltn

How to make use of it:

Install:

npm install ngx-skeleton-loader --save

1. You will need to add the NgxSkeletonLoaderModule to your application module.

...
import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
...

@NgModule({
  declarations: [
    YourAppComponent
  ],
  imports: [
    ...
    NgxSkeletonLoaderModule,
    ...
  ],
  providers: [],
  bootstrap: [YourAppComponent]
})

export class YourAppComponent {}

2. Then you can use the ngx-skeleton-loader components in your templates, to pass the configuration data to the component itself.

<div class="item">
  <ngx-skeleton-loader count="5" appearance="circle"></ngx-skeleton-loader>
</div>

Beautiful Animated Skeleton Loader, NGX Skeleton loader Plugin/Github, ngx skeleton loader npm

See Demo And Download

Official Website(willmendesneto): Click Here

This superior jQuery/javascript plugin is developed by willmendesneto. For extra advanced usage, please go to the official website.