Overlay

Overlay can be used to highlight an area of the page

Stable
Show details
Stable
Published: January 08, 2025
Updated: January 09, 2025

The spotlight overlay is used as part of the tour workflow that allows isolation of focal points to draw a users attention to a specific area of the UI. To build a tour workflow this should be combined with the beacon and sequence popover components.


Variants

Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.

Overlay
Overlay
Use this in combination with the Dialog component.
OverlaySpotlight
OverlaySpotlight
Use this in combination with the Dialog component.

Component dependencies

This component is internally dependent on the following components:


Help and support