Skip to content

Dialogs and overlays

Things that sit above the page: confirmations, notices and menus, with focus and escape done properly.

2 items

  • A modal dialog with a heading, a sentence, a Keep it button and a red Cancel booking button

    Confirm Dialog

    Free

    A confirmation on the native dialog: focus trapped, Escape closes, a clear cancel and a destructive confirm.

    Overlays · CSS

  • Two notice cards with an accent dot, a title, a line and a close button

    Toast Stack

    Free

    A stack of dismissible notices in a polite live region, with an accent marker.

    Overlays · CSS

↑ ↓ to move↵ to openesc to close