title: Angular 5 snack-bar Notifications
body: <p>I want to implement notifications messages like</p>
  
  <pre><code>"Success! Your Details Added"
  "Warning! Something Went Wrong"
  "Danger! You don't have access to this"
  </code></pre>
  
  <p>i am already using angular material in my application
  can i use <a href="https://material.angular.io/components/snack-bar/example" rel="noreferrer">'snack-bar'</a> for notification purpose?</p>
  
  <p>i also found some related <a href="https://www.npmjs.com/package/angular5-toaster" rel="noreferrer">toaster at npm</a>       </p>
  
  <p>Suggest me if there is an another way to do this.</p>