diff --git a/src/Umbraco.Web.UI.Client/src/stories/extending/menu.mdx b/src/Umbraco.Web.UI.Client/src/stories/extending/menu.mdx
new file mode 100644
index 0000000000..17f92cf4ef
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/stories/extending/menu.mdx
@@ -0,0 +1,35 @@
+import { Meta } from '@storybook/addon-docs';
+
+<Meta title="Guides/Extending the Backoffice/Menu" parameters={{ previewTabs: { canvas: { hidden: true } } }} />
+
+# Menu
+
+TODO: introduction to the menu
+
+<img src="docs/section.svg" width="400" />
+
+```json
+{
+	"type": "menu",
+	"alias": "My.Menu",
+	"name": "My Menu"
+}
+```
+
+### Menu Item
+
+TODO: introduction to the menu item
+
+<img src="docs/section.svg" width="400" />
+
+```json
+{
+	"type": "menuItem",
+	"alias": "My.MenuItem",
+	"name": "My Menu Item",
+	"meta": {
+		"label": "My Menu Item",
+		"menus": ["My.Menu"]
+	}
+}
+```
diff --git a/src/Umbraco.Web.UI.Client/src/stories/extending/sections.mdx b/src/Umbraco.Web.UI.Client/src/stories/extending/sections.mdx
index 3b9d94bdc2..b618201d0f 100644
--- a/src/Umbraco.Web.UI.Client/src/stories/extending/sections.mdx
+++ b/src/Umbraco.Web.UI.Client/src/stories/extending/sections.mdx
@@ -15,7 +15,6 @@ TODO: can we get a typescript interface here?
 	"type": "section",
 	"alias": "My.Section",
 	"name": "My Section",
-	"weight": 10,
 	"meta": {
 		"label": "My Section",
 		"pathname": "my-section"
@@ -29,43 +28,31 @@ TODO: Introduction to section sidebar
 
 <img src="docs/section-sidebar.svg" width="400" />
 
-### Sidebar Items
+### Section Sidebar Items
 
-TODO: Introduction to section sidebar items
+TODO: Introduction to Section Sidebar Items
 
 <img src="docs/section-sidebar-item.svg" width="400" />
 
 #### Manifest
 
-TODO: not implemented yet
+### Section Sidebar Menu
 
-#### Sidebar Menu
+TODO: Introduction to the section sidebar menu
+
+<img src="docs/section-sidebar-menu.svg" width="400" />
 
 ```json
 {
-	"type": "sidebarMenu",
-	"alias": "My.SidebarMenu.Something",
-	"name": "Something Sidebar Menu",
-	"weight": 10,
+	"type": "sectionSidebarMenu",
+	"alias": "My.SectionSidebarMenu",
+	"name": "My Section Sidebar Menu",
 	"meta": {
-		"label": "My Something Sidebar Menu",
-		"sections": ["My.Section"]
+		"label": "My Section Sidebar Menu",
+		"sections": ["My.Section"],
+		"menu": "My.Menu"
 	}
 }
 ```
 
-#### Sidebar Menu Item
-
-```json
-{
-  "type": "sidebarMenuItem",
-	"alias": "Umb.SidebarMenuItem.Documents",
-	"name": "Documents Sidebar Menu Item",
-	"weight": 10,
-	"meta": {
-		"label": "Documents",
-		"icon": "umb:folder",
-		"sidebarMenus": ["Umb.SidebarMenu.Content"],
-	},
-};
-```
+TODO: link to menu docs