Skip to content
Index730 resources
Modal

Modal

63 resources in the index ship this component, best first. Group: Overlays.

Also called · dialog · modal dialog · modal window · popup · overlay dialog · modals · lightbox dialog

Before you ship

6
  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 it

63