Overlays given element with div element with any color and opacity
Overlay had absolute position and will take 100% of width and height of parent container. It is used to build components like Modal and LoadingOverlay.
You can change overlay opacity (from 0 to 1), color (CSS color value, not connected to Mantine theme) and z-index (number).
To blur the overlay backdrop, set the
blur prop with a number. This will set the backdrop blur in px.
Note that blur is not supported in Firefox.
Overlay with a blur.
You can pass custom tag or component that will be used as root element: