Click the button to show a basic backdrop with a loading spinner.
Loading...
Backdrop can contain any content, like cards or forms.
This is a modal dialog displayed on top of a backdrop. You can put any content here including forms, images, or other components.
Invisible backdrop provides overlay functionality without the visual background.
Notice how the background isn't darkened, but the backdrop still captures clicks and prevents interaction with the page.
Backdrop fires events when clicked or when Escape is pressed. Check the console for logs.
Click outside this card or press Escape to trigger the backdrop-click event. Check the browser console to see the event logs.