Component information

The FCDO modal component is used to focus a user’s attention on a specific task or message without navigating away from the current page. It appears as an overlay on top of the main content and temporarily disables interaction with the rest of the interface until it is dismissed or completed.

It should be used sparingly in applications, only for important, time-sensitive, or interruptive actions such as confirming a destructive change, displaying critical information, or collecting focused input that cannot be handled inline. Modals should not be used for general navigation, large amounts of content, or tasks that can be completed within the page layout itself.