Overlay

A full-screen overlay component that can be used to cover the whole page. Used in the Modal component.

See all the examples and details in the Storybook.

Usage

import { Overlay } from "@samgl/graffiti-ui";

const MyOverlay = () => {
  return <Overlay $color="light" />;
};

Props

Prop	Type	Default	Optional	Description
$color	string	light	✅	The color of the overlay.
className	string		✅	The class name of the component, generally used when extending the component with a styled component.