Overlays

A dialog that interrupts the user to confirm a consequential action.

A right-click menu of actions, sharing the dropdown menu's item set.

A dialog for focused tasks, forms, and details.

A modal panel that slides in from an edge of the screen and can be swiped away.

A menu of actions anchored to a button, for user menus, row actions, and overflow buttons.

A preview card that opens on hover or keyboard focus. Use it for user mentions, link previews, or definitions.

A floating surface anchored to a trigger element.

A modal side panel for navigation, filters, and forms. It slides in from the left or right edge.

Brief explanatory text on hover or focus.