Overlay

The Overlay component allows you to show additional content when the user clicks on a particular element in the UI. The Overlay is placed at the border of its trigger element. To define a UI element as a trigger, use the useOverlayWithTrigger hook. The Overlay only exists in a controlled manner, so the isOpen prop must be updated by the developer.

OverviewProperties

OverlayComponentProps

extends, , , ,

Name	Type	Default	Description
isOpen	[][]	-	Whether the overlay is open.
overlayProps?	[]	-	Properties for connecting the overlay to the overlay trigger. Includes styles and accessibility attributes.