Merge pull request #6058 from Vidit-Kushwaha/add/customTooltip

Add CustomTooltip component to the sistent components page

Author: sudhanshutech

gatsby-node.js

@@ -733,6 +733,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
     "link",
     "container",
     "button-group",
+    "tooltip",
   ];
 
   const createComponentPages = (createPage, components) => {

src/components/SistentNavigation/content.js

@@ -103,4 +103,19 @@ export const content = [
     link: "/projects/sistent/components/button-group/code",
     text: "Button Group",
   },
+  {
+    id: 27,
+    link: "/projects/sistent/components/tooltip",
+    text: "Tooltip",
+  },
+  {
+    id: 25,
+    link: "/projects/sistent/components/tooltip/guidance",
+    text: "Tooltip",
+  },
+  {
+    id: 26,
+    link: "/projects/sistent/components/tooltip/code",
+    text: "Tooltip",
+  },
 ];

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

@@ -79,6 +79,13 @@ const componentsData = [
       "Box is used as a flexible container for layout and styling, allowing quick customization and responsive design adjustments.",
     url: "/projects/sistent/components/box",
   },
+  {
+    id: 11,
+    name: "Tooltip",
+    description:
+      "The Tooltip component is a small pop-up box that appears when a user hovers over an element.",
+    url: "/projects/sistent/components/tooltip",
+  },
 ];
 
 const SistentComponents = () => {