From 09a5ed6a0dc6bfbe445377539ab6f4321ffffde8 Mon Sep 17 00:00:00 2001
From: Ken Sodemann <ken@ionic.io>
Date: Mon, 14 Dec 2020 15:14:42 -0600
Subject: [PATCH] docs(tab-button): use an href in vue sample (#22674)

---
 core/src/components/tab-button/readme.md    | 8 ++++----
 core/src/components/tab-button/usage/vue.md | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

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>