Skip to content

Home

Jump to bottom
T edited this page Feb 27, 2019 · 12 revisions

npm version npm Build Status codecov npm npm npm bundle size (minified + gzip) npm

ngx-ui-loader

An all-in-one and fully customizable loader/spinner for Angular 5, 6 and 7+ applications. It supports foreground, background spinner/loader, indicative progress bar and multiple loaders.

ngx-ui-loader-demo

Available spinners:

ngx-ui-loader-spinners

Features

  • Support multiple loaders (>= ngx-ui-loader@7.1.0). See Multiple loaders for more details and demo here
  • Show foreground loader with progress bar
  • The page content can be blurred/frosted while showing foreground loader. See NgxUiLoaderBlurred directive for more details
  • Show background loader with different id for different tasks
  • Be able to add logo, loading text
  • Be able to change position of spinners, logo and loading text. NOTE: When they are all set to center-center, the gap between them are adjusted via gap properties. Other position types are ignored. E.g. If the position of foreground spinner and logo are set to bottom-center, they will overlap each other.
  • Be able to change color and size of logo, spinners and progress bar
  • Be able to change the direction of progress bar
  • Automatically show loader for router events. See NgxUiLoaderRouterModule for more details
  • Automatically show loader for http requests. See NgxUiLoaderHttpModule for more details

If you like ngx-ui-loader, please give it a ⭐

Ngx-ui-loader Wiki

  1. Demo & Examples
  2. Getting Started
    2.1 Install
    2.2 Import NgxUiLoaderModule
    2.3 Include ngx-ui-loader component
    2.4 Multiple loaders
    2.5 Use NgxUiLoaderService service
  3. API - NgxUiLoaderService
  4. Attributes of NgxUiLoaderComponent
  5. NgxUiLoaderBlurred directive
    5.1 Usage
    5.2 Attributes
  6. Custom Template
    6.1 Usage
  7. Custom configuration for NgxUiLoaderModule
    7.1 Usage
    7.2 Parameters of forRoot() method
  8. Automatically show loader for router events
    8.1 Usage
    8.2 Parameters of forRoot() method
  9. Automatically show loader for http requests
    9.1 Usage
    9.2 Parameters of forRoot() method
  10. Changelog
  11. Credits
  12. License
Clone this wiki locally