Block UI
Prevent user interaction with specific elements or the entire page during background
Basic Card Block
Click the button below to block this specific card for 3 seconds. The overlay will prevent any interaction with the content inside this card.
Custom Message Block
You can customize the look and feel of the block overlay. Below is an example with a custom primary background and a different spinner.
Sales
Income
Profile Photo Upload
Click to simulate an image processing or upload state.
Full Page Block
Sometimes you need to block the entire application to perform critical operations. This
will add an overlay to the body element, preventing clicks anywhere on the
page.
Caution: Full page block should be used sparingly as it interrupts the user flow completely.