Module 04: Overlays

Modals, Alerts, and Menus.

Overlays appear on top of other content. Catalyst handles the z-index, focus management, and accessibility for you.

1. Dialog (Modal)

Use Dialog for complex interactions that require user attention.

2. Alert

Use Alert for urgent interruptions or confirmations. It has a more rigid structure than a Dialog.

3. Dropdown Menu

Use Dropdown for lists of actions. It works with Button or any other trigger.