Floating Overlay
Provides base styling for a fixed overlay element.
This is useful to dim content or block pointer events behind a floating element, in addition to locking the body scroll.
Usage
It renders a <div>
with base styling. Can be styled with
any CSS solution.
Props
lockScroll
Whether the <body>
is prevented from scrolling while the
overlay is rendered. Uses a robust technique that works on iOS
and handles horizontal scrolling.