Overlay dialogs that focus attention and require user interaction.
Direct user focus to critical information, decisions, or actions that require immediate attention.
Pause the current user flow to handle important tasks, confirmations, or collect input.
Maintain the underlying page context while handling secondary tasks or displaying information.
Get explicit user confirmation before destructive or important actions
Gather information through forms without leaving the current context
Show additional information, media, or content without navigation
Communicate critical information, errors, or system status updates
Use modals for focused, immediate decisions. Use drawers for secondary content, settings, or when users need to reference main content.
Use modals for quick tasks that don't warrant full page navigation. Use pages for complex workflows or primary content.
Use modals for actions requiring user response. Use tooltips/popovers for supplementary information or simple controls.