Methods

src/contents/methods.tsx

+import { Section } from "../components/sections";
 import { useTabNavigation } from "../utils/TabNavigation";
 
 export function Methods() {
   useTabNavigation();
     return (
       <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
-      
-        </div>
+        <Section title="Introduction" id="Introduction">
+          ...
+        </Section>
+        <Section title="Patch Clamp" id="Patch Clamp">
+          ...
+        </Section>
+        <Section title="Cell Lines" id="Cell Lines">
+          ...
+        </Section>
       </>
     );
   }

src/pages.ts

@@ -27,6 +27,7 @@ import { Methods } from "./contents/methods";
 import { METHH } from "./headers/meth-h";
 import { ConSidebar } from "./sidebars/conS";
 import { iGemBielefeldSidebar } from "./sidebars/igbS";
+import { MethSidebar } from "./sidebars/methS";
 import { PartSidebar } from "./sidebars/prtS";
 import { ResultSidebar } from "./sidebars/resS";
 
@@ -162,7 +163,7 @@ const Pages: (Page | Folder)[] = [
       path: "/materials-methods",
       component: Methods,
       header: METHH,
-      navlist: NoSidebar,
+      navlist: MethSidebar,
     },
     {
       name: "Notebook",
@@ -338,7 +339,7 @@ export const NavPages: (Page | PageRef | Folder)[] = [
           path: "/materials-methods",
           component: Methods,
           header: METHH,
-          navlist: NoSidebar,
+          navlist: MethSidebar,
         },
         {
           name: "Results",

src/sidebars/methS.tsx

+import { createSidebar } from "../utils/createSidebar";
+
+export function MethSidebar(){
+    let sidebar = createSidebar(tabs); 
+    return(
+        <div className="col-2  d-lg-block">
+           {sidebar}
+        </div>
+    )
+}
+
+
+const tabs = [
+    { tab: "Introduction"},
+    { tab: "Patch Clamp"},
+    {tab: "Cell Lines"},
+  ];