# Dialog

Render the shared modal dialog overlay pattern. Takes over the screen to command your user's undivided attention.

## Notes

- Use Dialog for blocking confirmations or focused tasks. It's the UI equivalent of 'Hold up, are you sure?'
- Keep open-state wiring and trigger behavior in the page. We just handle the pretty box, you handle the state.
- Always provide a way to close it. Nobody likes a hostage situation.



## Example

```astro
<Dialog open title="Delete release" closeOnBackdropClick>
  <p>This cannot be undone.</p>
</Dialog>
```