No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Overlay
Container for overlays such as dialogs, popups, and menus.
usage
import { Overlay, OverlayArrow } from "@sharegate/orbit-ui";
sources
Github
Usage
An overlay takes care of rendering a container for your component with Orbit's enter & leave default animations and enables theme support for the overlay content.
The visibility of the overlay can be toggled by providing a show prop.
<Overlay show>
    SpaceX designs, manufactures, and launches the world’s most advanced rockets and spacecraft. The
    company was founded in 2002 by Elon Musk to revolutionize space transportation, with the
    ultimate goal of making life multiplanetary.
</Overlay>
API
Overlay
usage
import { Overlay } from "@sharegate/orbit-ui";
extends
NameDescriptionDefault
borderOffset
Hacky offset utility to apply a transparent CSS border to the overlay.
It's useful to prevent the overlay from closing when the mouse goes from the trigger to the overlay.
stringnumber
-
children*
React children.
string | number | false | true | ReactElement<any, string | JSXElementConstructor<any>> | ReactFragment | ReactPortal
-
containerElement
A DOM element in which the overlay element will be appended via a React portal.
HTMLElement
-
show*
Whether or not to show the overlay element.
falsetrue
-
zIndex
The z-index of the overlay.
number
-
OverlayArrow
usage
import { OverlayArrow } from "@sharegate/orbit-ui";
extends
No inputs found for this component. Read the docs