Modal Dialog

This is an example of a modal dialog component. It appears on top of the page content and requires user interaction to dismiss.

Modal dialogs are commonly used for:

  • Displaying important information
  • Collecting user input
  • Confirming actions
  • Showing detailed content without navigating away

You can close this modal by clicking the X button, the Cancel button, or clicking outside the modal window.