<paper-button raised onclick="document.querySelector('#toast1').show()">
  Discard Draft</paper-button>

<paper-button raised onclick="document.querySelector('#toast2').show()">Get Messages</paper-button>

<paper-toast id="toast1" text="Your draft has been discarded."></paper-toast>

<paper-toast id="toast2" text="Connection timed out. Showing limited messages.">
  <span role="button" tabindex="0" style="color: #eeff41;margin: 10px" onclick="console.log('RETRY')">Retry</span>
</paper-toast>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.