diff --git a/src/Umbraco.Web.UI.Client/src/stories/extending/workspaces/actions.mdx b/src/Umbraco.Web.UI.Client/src/stories/extending/workspaces/actions.mdx
index 5801b1789c..6042d74bab 100644
--- a/src/Umbraco.Web.UI.Client/src/stories/extending/workspaces/actions.mdx
+++ b/src/Umbraco.Web.UI.Client/src/stories/extending/workspaces/actions.mdx
@@ -17,26 +17,22 @@ import { Meta } from '@storybook/addon-docs';
 
 **Manifest**
 
-```json
-	{
-		"type": "workspaceAction",
-		"alias": "My.WorkspaceAction.Workspace.Action",
-		"name": "My Workspace Action",
-		"meta": {
-			"workspaces": ["My.Workspace"],
-      "label": "Run",
-			"look": "primary",
-			"color": "positive",
-		},
+```javascript
+import { extensionRegistry } from '@umbraco-cms/extension-registry';
+import { MyWorkspaceAction } from './my-workspace-action';
+
+const manifest = {
+	type: 'workspaceAction',
+	alias: 'My.WorkspaceAction',
+	name: 'My Workspace Action',
+	meta: {
+		workspaces: ['My.Workspace'],
+		label: 'My Action',
+		api: MyWorkspaceAction,
 	},
+};
 
-```
-
-**Default Element**
-
-```ts
-// TODO: get interface
-interface UmbWorkspaceActionElement {}
+extensionRegistry.register(manifest);
 ```
 
 ### The Workspace Action Class
@@ -58,3 +54,10 @@ export class MyWorkspaceAction extends UmbWorkspaceActionBase {
 	}
 }
 ```
+
+**Default Element**
+
+```ts
+// TODO: get interface
+interface UmbWorkspaceActionElement {}
+```