ms-MessageBanner

bottom of the taskpane

<div class="ms-MessageBanner" 
     style="position:absolute; bottom:0"> 
   <div class="ms-MessageBanner-content"> 
      <div class="ms-MessageBanner-text"> 
         <div class="ms-MessageBanner-clipper"> 
             <div class="ms-font-m-plus ms-fontWeight-semibold" 
                  id="---"></div> 
             <div class="ms-font-m ms-fontWeight-semilight" 
                  id="---"></div> 
         </div> 
      </div> 

      <button class="ms-MessageBanner-expand" 
              style="display:none"> 
          <i class="ms-Icon ms-Icon--chevronsDown"></i> 
      </button> 
        
      </div class="ms-MessageBanner-action"> </div> 
   </div> 
   <button class="ms-MessageBanner-close" 
       <i class="ms-Icon ms-Icon--x"></i> 
   </button> 
</div> 

<script type="text/javascript"> 
function showBanner(id) { 
   if typeof( fabric !=="undefined") { 
      if ('MessageBanner' in fabric) {  
         var elm=document.getElementById(id); 
         var component = new fabric['MessageBanner'](elm);  
         component.showBanner(); 
      } 
   } 
} 
</script>