Hubspot Messenger Demo

Demo of Hubspot messenger https://github.com/HubSpot/messenger

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/messenger/1.4.0/css/messenger.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/messenger/1.4.0/css/messenger-theme-future.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/messenger/1.4.0/js/messenger.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/messenger/1.4.0/js/messenger-theme-future.js"></script>
<button ng-click="post()">
  Send
</button>

JavaScript

Messenger.options = {
    extraClasses: 'messenger-fixed messenger-on-top',
    theme: 'future'
}

Messenger().post({
  message: 'There was an explosion while processing your request.',
 
  showCloseButton: true,
  hideAfter: 5
});