tooltip

src/app/app.component.html

@@ -18,7 +18,7 @@
             <div class="mainButtonsContainer">
                 <button (click)="showMenueOne()">Angular/Typescript</button>
                 <div [hidden]="modeMenueOne" class="subButtonsContainer">
-                    <button (click)="switchComponent('ipv4')">Ipv4</button>
+                    <button matTooltip="Ein einfacher Ipv4 Rechner" (click)="switchComponent('ipv4')">Ipv4</button>
                     <button (click)="switchComponent('temp')">Temperatur</button>
                     <button (click)="switchComponent('units')">Maßeinheit</button>
                     <button (click)="switchComponent('time')">Zeit</button>

src/app/app.module.ts

@@ -12,6 +12,9 @@ import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatDividerModule } from '@angular/material/divider';
+import { MatTooltipModule } from '@angular/material/tooltip';
+
+
 import { TemperationsComponent } from './temperatures/temperations.component';
 import { Ipv4converterComponent } from './ipv4converter/ipv4converter.component';
 import { UnitsComponent } from './units/units.component';
@@ -30,7 +33,8 @@ import { PortfolioComponent } from './portfolio/portfolio.component';
     UnitsComponent,
     TimecalcComponent,
     NumberSystemsComponent,
-    PortfolioComponent
+    PortfolioComponent,
+
   ],
   imports: [
     BrowserModule,
@@ -43,7 +47,8 @@ import { PortfolioComponent } from './portfolio/portfolio.component';
     MatDividerModule,
     FormsModule,
     ReactiveFormsModule,
-    MatSelectModule
+    MatSelectModule,
+    MatTooltipModule
   ],
   providers: [],
   bootstrap: [AppComponent]