Html
<button mat-raised-button
matTooltip="Info about the action"
aria-label="Button that displays a tooltip when focused or hovered over">
Action
</button>
TS
import {Component} from '@angular/core';
/**
* @title Basic tooltip
*/
@Component({
selector: 'tooltip-overview-example',
templateUrl: 'tooltip-overview-example.html',
styleUrls: ['tooltip-overview-example.css'],
})
export class TooltipOverviewExample {}
//To take advantage of Angular Material install it in the terminal
$ ng add @angular/material
//Choose the options that will be presented to you/* Answer to: "Angular material design" */
/*
Angular Material is a UI component library for Angular JS
developers. Angular Material components help in constructing
attractive, consistent, and functional web pages and web
applications while adhering to modern web design principles like
browser portability, device independence, and graceful degradation.
Main Website: https://material.angular.io/
Get started here: https://material.angular.io/guide/getting-started
For examples on usage of this library go to:
https://material.angular.io/components/
*/Angular