<mercury-dialog>

A web component just for me.

<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 &lt;mercury-dialog&gt;</h2>
<mercury-dialog .name=
${name}></mercury-dialog>
`
,
document.body
);

This is a <mercury-dialog>