Interaction Blocker

Show Preview
Interaction Blocker
Interaction Blocker

About Interaction Blocker

How to Use

  1. Add Interaction Blocker to the page or component;

  2. Turn on/off the corresponding property when needed.

Use Cases

  • Loading screens;

  • Full screen menus;

  • Modals and dialogs;

  • etc.

Note

The parent element must use position: fixed and overflow: visible when nesting the Interaction Blocker.

From Anton Proshkuratov

Key Master
Cursor Trailer
Scrollbar Hider
Transition Curve

Related Components

Minimal pre-loader
Reveal Pre-loader
Web Preload
Aurora Ring Loader