Overlay

An overlay is a temporary transparent layer that covers page content, shifting focus to a new content element.

Status

PublishedElement can be used in production
PublishedElement can be used in production
Angular
Angular
PublishedElement can be used in production
React
React
In backlogElement is in backlog
Documentation
In progressElement design and development in progress

What's new

Overlay is a new standalone component for Dell Design System v2. The overlay component is always used with other components, such as modal and drawer.

Articles

Overuse of overlays

Read the Nielsen Norman Group's article on overlay.