GANGLION

Alert dialog

Layers shadcn: Alert Dialog

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

Delete this draft?

It has not been published. This cannot be undone.

Point at the part
Dialog
Clock
Motion
Theme

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.