Context → Dialog
Context → Dialog
Section titled “Context → Dialog”Dialog with context
Context drives focus traps, inert backgrounds, and Escape handling.
View source
Context dialog
Focus is trapped inside, Escape closes it, and the background is inert.
<button data-automagica11y-context="dialog" data-automagica11y-target="#dialog">Open dialog</button><div id="dialog" role="dialog" hidden><button data-automagica11y-dialog-close>Close</button></div>