NgxUiLoaderBlurred directive - t-ho/ngx-ui-loader GitHub Wiki

5. NgxUiLoaderBlurred directive

5.1 Usage

If you want your page content is blurred/frosted while showing foreground loader, use ngxUiLoaderBlurred directive in your root template as follow:

<div ngxUiLoaderBlurred blur="10">
  <!-- This page content will be blurred/frosted when foreground loader is showed -->
</div>
<ngx-ui-loader></ngx-ui-loader>

5.2 Attributes:

Attribute Type Required Default Description
blur number optional 5 Blur the page content while showing foreground loader.
loaderId string optional master The loader id that this blurred directive attached to. By default, loaderId = DefaultConfig.masterLoaderId

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

⚠️ **GitHub.com Fallback** ⚠️