Skip to content
IndexDesign corpus

Modal

67 resources ship this component · Overlays

Also called: dialog, modal dialog, modal window, popup, overlay dialog, modals, lightbox dialog.

Before you ship6 checks
  1. 01Title — Clear, simple text explaining the action of the modal
  2. 02Actionable item — A button or link to continue or close the event
  3. 03Close action — A way to exit the modal
  4. 04Responsiveness — Consider the size of the modal on different device sizes, and whether a modal is suitable on all
  5. 05Background change behind modal — Darken, blur or lighten - change the background behind the modal to bring focus to it
  6. 06Description — Incase they require more information to understand how to make their decision

Checks from checklist.design, MIT.

Ships it67