diff --git a/core/src/components/tab-button/readme.md b/core/src/components/tab-button/readme.md
index 0be3a3525e..efde154a20 100644
--- a/core/src/components/tab-button/readme.md
+++ b/core/src/components/tab-button/readme.md
@@ -191,22 +191,22 @@ export class TabButtonExample {
   <ion-tabs>
     <!-- Tab bar -->
     <ion-tab-bar slot="bottom">
-      <ion-tab-button tab="schedule">
+      <ion-tab-button tab="schedule" href="/tabs/schedule">
         <ion-icon :icon="calendar"></ion-icon>
         <ion-label>Schedule</ion-label>
       </ion-tab-button>
 
-      <ion-tab-button tab="speakers">
+      <ion-tab-button tab="speakers" href="/tabs/speakers">
         <ion-icon :icon="person-circle"></ion-icon>
         <ion-label>Speakers</ion-label>
       </ion-tab-button>
 
-      <ion-tab-button tab="map">
+      <ion-tab-button tab="map" href="/tabs/map">
         <ion-icon :icon="map"></ion-icon>
         <ion-label>Map</ion-label>
       </ion-tab-button>
 
-      <ion-tab-button tab="about">
+      <ion-tab-button tab="about" href="/tabs/about">
         <ion-icon :icon="informationCircle"></ion-icon>
         <ion-label>About</ion-label>
       </ion-tab-button>
diff --git a/core/src/components/tab-button/usage/vue.md b/core/src/components/tab-button/usage/vue.md
index 43b633f5b8..c10ab835fc 100644
--- a/core/src/components/tab-button/usage/vue.md
+++ b/core/src/components/tab-button/usage/vue.md
@@ -3,22 +3,22 @@
   <ion-tabs>
     <!-- Tab bar -->
     <ion-tab-bar slot="bottom">
-      <ion-tab-button tab="schedule">
+      <ion-tab-button tab="schedule" href="/tabs/schedule">
         <ion-icon :icon="calendar"></ion-icon>
         <ion-label>Schedule</ion-label>
       </ion-tab-button>
 
-      <ion-tab-button tab="speakers">
+      <ion-tab-button tab="speakers" href="/tabs/speakers">
         <ion-icon :icon="person-circle"></ion-icon>
         <ion-label>Speakers</ion-label>
       </ion-tab-button>
 
-      <ion-tab-button tab="map">
+      <ion-tab-button tab="map" href="/tabs/map">
         <ion-icon :icon="map"></ion-icon>
         <ion-label>Map</ion-label>
       </ion-tab-button>
 
-      <ion-tab-button tab="about">
+      <ion-tab-button tab="about" href="/tabs/about">
         <ion-icon :icon="informationCircle"></ion-icon>
         <ion-label>About</ion-label>
       </ion-tab-button>