Dialog

<vox-dialog> is a modal built on the native <dialog> element — focus trapping and Escape-to-close come from the platform.

Open dialog

This removes puppet-nginx from your namespace. Published versions stay on the Forge.

CancelDelete

<vox-dialog id="confirm" heading="Delete module?" light-dismiss>
  <p>This removes puppet-nginx from your namespace.</p>
  <vox-button slot="footer" variant="alt">Cancel</vox-button>
  <vox-button slot="footer" variant="danger">Delete</vox-button>
</vox-dialog>

<script>
  document.getElementById('confirm').show();
</script>

API

Attribute	Type	Default	Description
heading	string	''	Dialog title
open	boolean	false	Visibility (or call show() / close())
light-dismiss	boolean	false	Close on backdrop click

Slot	Description
(default)	Dialog body
footer	Action buttons

Fires vox-close when closed.