Set names and icons for the bottom tab-bar

package.json

@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.901.5",
-    "@angular/cli": "~9.1.5",
+    "@angular/cli": "9.1.7",
     "@angular/compiler": "~9.1.6",
     "@angular/compiler-cli": "~9.1.6",
     "@angular/language-service": "~9.1.6",

src/app/tabs/tabs.page.html

@@ -1,19 +1,19 @@
 <ion-tabs>
 
-  <ion-tab-bar slot="bottom">
-    <ion-tab-button tab="tab1">
-      <ion-icon name="triangle"></ion-icon>
-      <ion-label>Tab 1</ion-label>
+  <ion-tab-bar slot="tabBar_Bottom">
+    <ion-tab-button tab="tab_search">
+      <ion-icon name="search-outline"></ion-icon>
+      <ion-label>Suche</ion-label>
     </ion-tab-button>
 
-    <ion-tab-button tab="tab2">
-      <ion-icon name="ellipse"></ion-icon>
-      <ion-label>Tab 2</ion-label>
+    <ion-tab-button tab="tab_map">
+      <ion-icon name="map-outline"></ion-icon>
+      <ion-label>Karte</ion-label>
     </ion-tab-button>
 
-    <ion-tab-button tab="tab3">
-      <ion-icon name="square"></ion-icon>
-      <ion-label>Tab 3</ion-label>
+    <ion-tab-button tab="tab_chat">
+      <ion-icon name="chatbubbles-outline"></ion-icon>
+      <ion-label>Chat</ion-label>
     </ion-tab-button>
   </ion-tab-bar>