Merge pull request #6703 from ARYANSHAH1567/aryanshah/add_tabs_component

Added the Tabs component to Sistent components page

Author: vr-varad

src/components/SistentNavigation/content.js

@@ -67,15 +67,19 @@ export const content = [
   { id: 47, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
   { id: 48, link: "/projects/sistent/components/switch/code", text: "Switch" },
 
-  { id: 49, link: "/projects/sistent/components/text-field", text: "Text Field" },
-  { id: 50, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
-  { id: 51, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
+  { id: 49, link: "/projects/sistent/components/tabs", text: "Tabs" },
+  { id: 50, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
+  { id: 51, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
 
-  { id: 52, link: "/projects/sistent/components/text-input", text: "Text Input" },
-  { id: 53, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
-  { id: 54, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
+  { id: 52, link: "/projects/sistent/components/text-field", text: "Text Field" },
+  { id: 53, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
+  { id: 54, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
 
-  { id: 55, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
-  { id: 56, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
-  { id: 57, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
+  { id: 55, link: "/projects/sistent/components/text-input", text: "Text Input" },
+  { id: 56, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
+  { id: 57, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
+
+  { id: 58, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
+  { id: 59, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
+  { id: 60, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
 ];

src/sections/Projects/Sistent/components/content.js

@@ -148,7 +148,13 @@ const componentsData = [
     url: "/projects/sistent/components/switch",
     src: "/switch"
   },
-
+  {
+    id: 20,
+    name: "Tabs",
+    description: "Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.",
+    url: "/projects/sistent/components/tabs",
+    src: "/tabs",
+  }
 ];
 
 module.exports = { componentsData };