<message-box>

<message-box> 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

<message-box> is just an HTML element. You can it anywhere you can use HTML!

      <message-box>
        <span slot="message">
          This is a message-box web component.
        </span>
        <button slot="button">Close</button>
      </message-box>

This is a message-box web component.

Configure with attributes

<message-box> can be configured with attributed in plain HTML.

      <message-box
        min-width="12em"
        radius="128vw"
      >
        <span slot="message">This is a smooth one...</span>
      </message-box>

This is a smooth one...