Overlay

Import
import { Overlay } from "reshaped";
import type { OverlayProps } from "reshaped";
Related components
Works with any content
Automatically stretches based on the background content


Usage

By default, Overlay covers the whole background area and centers its content.

Position

With the position property, you can control the side at which you want to render the content.

Slots

When used without backgroundSlot, Overlay will become absolute positioned and take the entire width and height of the parent element.

Previous