Overlays components

Try the canonical overlays families. Each specimen keeps its anatomy and behavior across all eight moods.

Overlays / Canonical family

Dialog

A focused decision on a foreground surface.

Floating Inspector

One surface.
A clear purpose.

Surface: Floating
Shape: 24 px
Elevation: Level 2

Use it with intention

Keep the task narrow and provide an explicit close action.

Keyboard & accessibility

Base UI provides modal focus management, Escape handling, and trigger restoration.

States: default, focus

Subtle authored presentation; Base UI and native HTML behavior.