---
description: >-
  An overlay with lowered opacity that serves as a visual cue that the content
  behind it is not available for interactions ❌.
---

# Backdrop

<figure><img src="https://3752687644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFraMoMUTdcaUke4xMQcj%2Fuploads%2FiRzpYx1x09bTo6lujI27%2Fbackdrop.png?alt=media&#x26;token=6c96b5be-fb0d-4adb-a158-9e7b8e13eed2" alt=""><figcaption><p>Backdrop for a modal dialog</p></figcaption></figure>

Backdrop helps users focus on the dialog and avoid confusion when trying to interact with the main page content.
