<mercury-dialog>
<mercury-dialog>
is an awesome element. It's a great introduction to building web components with LitElement, with nice documentation site as well.
As easy as HTML
<mercury-dialog>
is just an HTML element. You can it anywhere you can use HTML!
<mercury-dialog></mercury-dialog>
Configure with attributes
<mercury-dialog>
can be configured with attributed in plain HTML.
<mercury-dialog name="HTML"></mercury-dialog>
Declarative rendering
<mercury-dialog>
can be used with declarative rendering libraries like Angular, React, Vue, and lit-html
import {html, render} from 'lit-html';
const name = 'lit-html';
render(
html`
<h2>This is a <mercury-dialog></h2>
<mercury-dialog .name=${name}></mercury-dialog>
`,
document.body
);