NgxUiLoaderBlurred directive

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