A full viewport application-like dialog which can be triggered in several ways. If the <modal-window> element has an id attribute, this can be used to trigger the modal by linking to it. Changing the URL #hash manually to match the id will also work. The modal can also be controlled by calling it's .show() and .hide() public methods. If the modal does not have an id then calling the show/hide methods will fall back to toggling a class named hidden.
<modal-window>
id
.show()
.hide()
hidden
This is a modal window. It must be interacted with before the rest of the page becomes available to use again.
Click anywhere on the backdrop (including the [X]), or press [Esc] to close this view and return to the main page content.