1.0.1 • Published 4 years ago

mat-page-block v1.0.1

Weekly downloads
9
License
MIT
Repository
github
Last release
4 years ago

Material Page Block

Blocks angular application UI.

How to use

After installing the package, follow these steps:

  • Step 1: Import PageBlockModule in AppModule.

  • Step 2: Add <mat-page-block> tag in app.component.html file. (Tag placement can vary according to application structure. Make sure this tag must be placed at the last of html page).

  • Step 3: Inject PageBlockService in constructor.

  • Step 4: Use blockPage() & unblockPage() methods to show or hide app blocker.

blockPage() method takes PageBlockOptions as parameter (Optional) which have following properties:

PropertyTypeDefault Value
color'primary', 'accent', 'warn''primary'
fillColorstring#fff
fillOpacitynumber0.5
textstringundefined
timeoutnumberundefined