Components
Modal
componentoverlaydialoginteractionfocus
An overlay dialog that interrupts the current view to demand user attention or input.
When to use
- Confirming destructive actions (delete, cancel subscription)
- Quick-add forms that don't warrant a full page
- Use sparingly — modals interrupt flow and can feel hostile
Examples
- Confirmation: 'Are you sure you want to delete this?'
- Quick-add: 'Create new project' form in a modal
See this in the wild
Analyze a site and look for modal in the breakdown.
