xoong
Menu · All overlays
DocsOverlaysAll overlays

Overlays and copy feedback

Menus, lists, tooltips, toasts and the confirm dialog, open, in both colour schemes at once. Pop-overs lift with a soft shadow and a 1px border so they read on both light and dark pages.

Light

menu
listbox
tooltip

Save the draft

toast

Deleted

Could not save

confirm

Delete Ada Lovelace?

This cannot be undone.

Dark

menu
listbox
tooltip

Save the draft

toast

Deleted

Could not save

confirm

Delete Ada Lovelace?

This cannot be undone.

Copy feedback

The code frame's Copy button: icon-only and quiet at rest, tinted on hover, a visible ring on focus. After a copy the icon becomes a check for 1.6 seconds, the button turns success-green and a small Copied label slides in (announced politely). The tooltip title changes to Copied.

rest
Copied
hover
Copied
focus
Copied
copied
Copied