title: angular 5 - how to use Angular Material tooltip
body: <p>I'm following this link to implement a tool tip in angular 5. </p>
  
  <p><a href="https://material.angular.io/components/tooltip/api" rel="nofollow noreferrer">https://material.angular.io/components/tooltip/api</a> </p>
  
  <p>But I am not understanding how practically implement this.</p>
  
  <p>any body can add an example of a ts and html files of how to implements it ?</p>
  
  <p><strong>edit</strong></p>
  
  <p>Thanks for all quick responses.</p>
  
  <p>i try to add this to my html:</p>
  
  <pre><code>  &lt;button mat-raised-button matTooltip="Info about the action" aria-label="Button that displays a tooltip"&gt;
  
    &lt;/button&gt;
  </code></pre>
  
  <p>and this in the ts:</p>
  
  <pre><code>import {MatTooltipModule} from '@angular/material';
  </code></pre>
  
  <p>but now i getting this error in the console:</p>
  
  <blockquote>
    <p>Error: The "mat-" prefix cannot be used in ng-material v1 compatibility mode. It was used on an "button" element.
    Error: The "mat-" prefix cannot be used in ng-material v1 compatibility mode. It was used on an "button" element</p>
  </blockquote>
  
  <p>any bode know why? thanks!</p>