Add views to sections: buttons, icons, notifications

src/views/base/Tabs.vue

@@ -6,8 +6,53 @@
           <strong>Vue Tabs</strong>
         </CCardHeader>
         <CCardBody>
-          <Example href="breadcrumbs">
-
+          <Example href="components/tabs.html">
+            <CNav variant="tabs">
+              <CNavItem>
+                <CNavLink href="#" @click="activeTabA=1">
+                  Active
+                </CNavLink>
+              </CNavItem>
+              <CNavItem>
+                <CNavLink href="#" @click="activeTabA=2">
+                  Link
+                </CNavLink>
+              </CNavItem>
+              <CNavItem>
+                <CNavLink href="#" @click="activeTabA=3">
+                  Link
+                </CNavLink>
+              </CNavItem>
+            </CNav>
+            <CTabContent>
+              <CTabPane :visible="activeTabA == 1">
+                Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown
+                aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan
+                helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu
+                banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone.
+                Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
+              </CTabPane>
+              <CTabPane :visible="activeTabA == 2">
+                Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
+                Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson
+                artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo
+                enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud
+                organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia
+                yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes
+                anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson
+                biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente
+                accusamus tattooed echo park.
+              </CTabPane>
+              <CTabPane :visible="activeTabA == 3">
+                Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's
+                organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify
+                pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy
+                hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred
+                pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie
+                etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl
+                craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
+              </CTabPane>
+            </CTabContent>
           </Example>
         </CCardBody>
       </CCard>
@@ -18,5 +63,11 @@
 <script>
 export default {
   name: "Tabs",
+  data: function(){
+    return {
+      activeTabA: 1,
+      activeTabB: 1
+    }
+  }
 };
 </script>