Skip to main content

    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, , , ,
    NameTypeDefaultDescription
    isOpen
    [][]

    Whether the overlay is open.

    overlayProps?
    []

    Properties for connecting the overlay to the overlay trigger. Includes styles and accessibility attributes.

    Still have questions?
    Find answers in the Dynatrace Community