Merge pull request #6982 from Rajesh-Nagarajan-11/list-component-sistent

Added `List` component to Sistent components page

Author: leecalcote

src/components/SistentNavigation/content.js

@@ -56,51 +56,55 @@ export const content = [
   { id: 39, link: "/projects/sistent/components/link/guidance", text: "Link" },
   { id: 40, link: "/projects/sistent/components/link/code", text: "Link" },
 
-  { id: 41, link: "/projects/sistent/components/modal", text: "Modal" },
-  { id: 42, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
-  { id: 43, link: "/projects/sistent/components/modal/code", text: "Modal" },
+  { id: 41, link: "/projects/sistent/components/list", text: "List" },
+  { id: 42, link: "/projects/sistent/components/list/guidance", text: "List" },
+  { id: 43, link: "/projects/sistent/components/list/code", text: "List" },
 
-  { id: 44, link: "/projects/sistent/components/pagination", text: "Pagination" },
-  { id: 45, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
-  { id: 46, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
+  { id: 44, link: "/projects/sistent/components/modal", text: "Modal" },
+  { id: 45, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
+  { id: 46, link: "/projects/sistent/components/modal/code", text: "Modal" },
 
-  { id: 47, link: "/projects/sistent/components/paper", text: "Paper" },
-  { id: 48, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
-  { id: 49, link: "/projects/sistent/components/paper/code", text: "Paper" },
+  { id: 47, link: "/projects/sistent/components/pagination", text: "Pagination" },
+  { id: 48, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
+  { id: 49, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
 
-  { id: 50, link: "/projects/sistent/components/popper", text: "Popper" },
-  { id: 51, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
-  { id: 52, link: "/projects/sistent/components/popper/code", text: "Popper" },
+  { id: 50, link: "/projects/sistent/components/paper", text: "Paper" },
+  { id: 51, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
+  { id: 52, link: "/projects/sistent/components/paper/code", text: "Paper" },
 
-  { id: 53, link: "/projects/sistent/components/radiogroup", text: "RadioGroup" },
-  { id: 54, link: "/projects/sistent/components/radiogroup/guidance", text: "RadioGroup" },
-  { id: 55, link: "/projects/sistent/components/radiogroup/code", text: "RadioGroup" },
+  { id: 53, link: "/projects/sistent/components/popper", text: "Popper" },
+  { id: 54, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
+  { id: 55, link: "/projects/sistent/components/popper/code", text: "Popper" },
 
-  { id: 56, link: "/projects/sistent/components/select", text: "Select" },
-  { id: 57, link: "/projects/sistent/components/select/guidance", text: "Select" },
-  { id: 58, link: "/projects/sistent/components/select/code", text: "Select" },
+  { id: 56, link: "/projects/sistent/components/radiogroup", text: "RadioGroup" },
+  { id: 57, link: "/projects/sistent/components/radiogroup/guidance", text: "RadioGroup" },
+  { id: 58, link: "/projects/sistent/components/radiogroup/code", text: "RadioGroup" },
 
-  { id: 59, link: "/projects/sistent/components/switch", text: "Switch" },
-  { id: 60, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
-  { id: 61, link: "/projects/sistent/components/switch/code", text: "Switch" },
+  { id: 59, link: "/projects/sistent/components/select", text: "Select" },
+  { id: 60, link: "/projects/sistent/components/select/guidance", text: "Select" },
+  { id: 61, link: "/projects/sistent/components/select/code", text: "Select" },
 
-  { id: 62, link: "/projects/sistent/components/tabs", text: "Tabs" },
-  { id: 63, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
-  { id: 64, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
+  { id: 62, link: "/projects/sistent/components/switch", text: "Switch" },
+  { id: 63, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
+  { id: 64, link: "/projects/sistent/components/switch/code", text: "Switch" },
 
-  { id: 65, link: "/projects/sistent/components/text-field", text: "Text Field" },
-  { id: 66, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
-  { id: 67, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
+  { id: 65, link: "/projects/sistent/components/tabs", text: "Tabs" },
+  { id: 66, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
+  { id: 67, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
 
-  { id: 68, link: "/projects/sistent/components/text-input", text: "Text Input" },
-  { id: 69, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
-  { id: 70, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
+  { id: 68, link: "/projects/sistent/components/text-field", text: "Text Field" },
+  { id: 69, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
+  { id: 70, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
 
-  { id: 71, link: "/projects/sistent/components/toolbar", text: "Toolbar" },
-  { id: 72, link: "/projects/sistent/components/toolbar/guidance", text: "Toolbar" },
-  { id: 73, link: "/projects/sistent/components/toolbar/code", text: "Toolbar" },
+  { id: 71, link: "/projects/sistent/components/text-input", text: "Text Input" },
+  { id: 72, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
+  { id: 73, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
 
-  { id: 74, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
-  { id: 75, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
-  { id: 76, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
+  { id: 74, link: "/projects/sistent/components/toolbar", text: "Toolbar" },
+  { id: 75, link: "/projects/sistent/components/toolbar/guidance", text: "Toolbar" },
+  { id: 76, link: "/projects/sistent/components/toolbar/code", text: "Toolbar" },
+
+  { id: 77, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
+  { id: 78, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
+  { id: 79, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
 ];

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

@@ -201,7 +201,14 @@ const componentsData = [
     "description": "The Grid component in Sistent provides a flexible and responsive layout system for arranging content in rows and columns.",
     "url": "/projects/sistent/components/grid",
     "src": "/grid"
-  }
+  },
+  {
+    "id": 27,
+    "name": "List",
+    "description": "Lists are essential UI elements that allow items to be organized sequentially in a structured and readable way. They help users view, select, and interact with multiple items conveniently.",
+    "url": "/projects/sistent/components/list",
+    "src": "/list",
+  },
 ];
 
 module.exports = { componentsData };