Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.15

AboutPrivacyTerms
Home
/Patterns
/201. Modal Blackout w/ Actions

201. Modal Blackout w/ Actions

 DesktopDecision MakingApple OSEnglish

A modal dialog that overlays and dims the main content, presenting a set of actions for the user to make a decision. It typically prevents interaction with the underlying page until dismissed.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Apple OS
Language (i18n)
English
Pattern ID
201
UX Flows
Decision Making
UI Components
Modal
Hypertext Links
Version
Google ChromeApple Music | iTunesGoogle DriveMixpanelRelated Patterns

Google Chrome

notion image

Apple Music | iTunes

notion image
notion image
 

Google Drive

Blur added after capture
Blur added after capture
notion image

Mixpanel

notion image
 

Related Patterns

  • 241. Modal Blackout w/ Steps
  • 256. Modal Blackout w/ Forms & Steps
  • 357. Modal w/ Steps & Animation (No blackout)
  • 369. Fixed Form with Steps

Need more inspiration?

Found this pattern useful?