Dialog

A UI that can emphasize and display necessary content such as alerts, sub-windows, and forms.

Invoker Commands API using to set up the open action is simple.

Dialog Title

Auxiliary text for the dialog goes here. Auxiliary text for the dialog goes here.

html 
<button class="btn btn-fill" commandfor="mydialog" command="show-modal">Show Dialog</button>
<dialog id="mydialog" class="dialog">
    <h2 class="dialog-title">Dialog Title</h2>
    <p>Auxiliary text for the dialog goes here. Auxiliary text for the dialog goes here.</p>
    <div>
        <button>Execute</button>
        <button>Close</button>
    </div>
</dialog>