SYSTEM

Alert dialog

A dialog that asks before something can’t be undone.

Layers shadcn: Alert Dialog

Delete this draft?

It has not been published. This cannot be undone.

Anatomy

Panel the shared layer at eighteen modules, padded a module, its parts a module apart
Title Redaction 20 at 28px, sentence case, beside an ink cell holding the alert glyph
Body Basier at 16/24
Actions right-aligned: a text button to back out, the one solid button to go on
Scrim --scrim, burned at a 4px dot with the panel
Burn 360ms both ways, fired at the press

Decisions

  • Danger is not red

    Red is never a resting colour, so it does not mark danger. A choice that can’t be undone is told by its glyph and its words, and the destructive action is still the solid ink button.

  • A frame

    A layer over the page keeps its 1px ink frame: it is a sheet laid over the page, not an item on it, and needs an edge against what is behind.