app.component.html
<h2>
Angular Material - How to show Tooltip
</h2>
<button mat-flat-button
matTooltip="This is a sample material tooltip"
color="primary"
aria-label="Display a material tooltip
on focused or hovered over">
I am a button
</button>
app.module.ts [import]
// for material button
import {MatButtonModule} from '@angular/material/button';
// for material tooltip
import {MatTooltipModule} from '@angular/material/tooltip';


- angular material - Button toggle group icon only
- angular material - Icon only Button toggle
- angular material - Vertical Button toggle group
- angular material - Button toggle group initially checked items
- angular material - Show Tooltip on a specific position
- angular material - How to change Tooltip background color
- angular material - How to apply custom css style in Tooltip
- angular material - Show & hide Tooltip on button click
- angular material - Toggle Tooltip visibility on button click
- angular material - How to use Divider
- angular material - Progress bar with percentage
- angular material - How to use indeterminate Progress bar
- angular material - How to use buffer Progress bar
- angular - How to do a task after a delay
- angular - How to use setInterval()