diff --git a/packages/manager-wiki/.storybook/main.tsx b/packages/manager-wiki/.storybook/main.tsx
index 982473ac7dd0..ebd6c5aecdf9 100644
--- a/packages/manager-wiki/.storybook/main.tsx
+++ b/packages/manager-wiki/.storybook/main.tsx
@@ -33,7 +33,18 @@ const config: StorybookConfig = {
     reactDocgenTypescriptOptions: {
       shouldExtractLiteralValuesFromEnum: true,
       shouldRemoveUndefinedFromOptional: true,
-      propFilter: () => true, // ← include all props, even from node_modules
+      compilerOptions: {
+        allowSyntheticDefaultImports: true,
+        esModuleInterop: true,
+      },
+      propFilter: (prop) => {
+        // Include all props from our components
+        if (prop.parent) {
+          // Exclude props from node_modules except from our components
+          return !prop.parent.fileName.includes('node_modules');
+        }
+        return true;
+      },
     },
     check: false,
   },
diff --git a/packages/manager-wiki/.storybook/preview.tsx b/packages/manager-wiki/.storybook/preview.tsx
index 0f5eac3c0ae4..143eb7e1ce1c 100644
--- a/packages/manager-wiki/.storybook/preview.tsx
+++ b/packages/manager-wiki/.storybook/preview.tsx
@@ -40,7 +40,11 @@ const preview: Preview = {
       },
       source: {
         excludeDecorators: true,
-        state: 'open',
+        state: 'shown',
+        type: 'dynamic',
+      },
+      canvas: {
+        sourceState: 'shown',
       },
       page: TechnicalInformation,
     },
@@ -88,7 +92,7 @@ const preview: Preview = {
   },
 };
 
-const withI18next = (Story, context) => {
+const withI18next = (story, context) => {
   const { locale } = context.globals;
   const [isLoading, setIsLoading] = useState(true);
 
@@ -107,6 +111,7 @@ const withI18next = (Story, context) => {
           setIsLoading(false);
         }
       } catch (error) {
+        // eslint-disable-next-line no-console
         console.error('Language change failed:', error);
         if (isMounted) {
           setIsLoading(false);
@@ -124,15 +129,15 @@ const withI18next = (Story, context) => {
   useEffect(() => {
     const handleBrowserLanguageChange = () => {
       const normalizedLang = normalizeLanguageCode(navigator.language);
+      // eslint-disable-next-line no-console
       console.info('Browser language changed:', normalizedLang);
-      i18n
-        .changeLanguage(normalizedLang)
-        .catch((err) =>
-          console.error(
-            'Failed to change language on system languagechange:',
-            err,
-          ),
+      i18n.changeLanguage(normalizedLang).catch((err) => {
+        // eslint-disable-next-line no-console
+        console.error(
+          'Failed to change language on system languagechange:',
+          err,
         );
+      });
     };
 
     window.addEventListener('languagechange', handleBrowserLanguageChange);
@@ -146,11 +151,13 @@ const withI18next = (Story, context) => {
     return <div>Loading translations...</div>;
   }
 
+  const StoryComponent = story;
+
   return (
     <Suspense fallback={<div>loading translations...</div>}>
       <I18nextProvider i18n={i18n}>
         <QueryClientProvider client={mockQueryClient}>
-          <Story />
+          <StoryComponent />
         </QueryClientProvider>
       </I18nextProvider>
     </Suspense>
diff --git a/packages/manager-wiki/.storybook/technical-information.mdx b/packages/manager-wiki/.storybook/technical-information.mdx
index 8af650beba3e..a1f014a3c616 100644
--- a/packages/manager-wiki/.storybook/technical-information.mdx
+++ b/packages/manager-wiki/.storybook/technical-information.mdx
@@ -5,6 +5,8 @@ import {
   Primary,
   Stories,
   ArgTypes,
+  Source,
+  Controls,
 } from '@storybook/addon-docs';
 import { Meta, Story, Canvas } from '@storybook/blocks';
 
@@ -14,12 +16,18 @@ import { Meta, Story, Canvas } from '@storybook/blocks';
 
 <Description />
 
-<Canvas sourceState="shown">
-  <Story />
-</Canvas>
+## Basic Usage
 
-## Properties
+<Primary />
 
-<ArgTypes />
+## API Reference
+
+### Props
+
+<Controls />
+
+## Code Examples
+
+All examples below include their source code for easy copy-paste:
 
 <Stories />
diff --git a/packages/manager-wiki/package.json b/packages/manager-wiki/package.json
index 479764512c41..4de0d9d022c2 100644
--- a/packages/manager-wiki/package.json
+++ b/packages/manager-wiki/package.json
@@ -16,11 +16,14 @@
     "@ovh-ux/muk": "^0.0.1",
     "@ovhcloud/ods-react": "^19.0.1",
     "@ovhcloud/ods-themes": "^19.0.1",
+    "@tanstack/react-query": "^5.0.0",
     "@tanstack/react-table": "^8.10.0",
     "clsx": "^2.1.1",
+    "i18next": "^23.0.0",
     "lz-string": "^1.5.0",
     "react": "^18.2.0",
     "react-docgen": "^8.0.2",
+    "react-i18next": "^14.0.0",
     "react-router-dom": "^6.3.0",
     "sass": "1.56.1",
     "tailwindcss": "^3.4.4",
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Breadcrumb/breadcrumb.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Breadcrumb/breadcrumb.stories.tsx
index dda8d96009d8..34b35b6f6633 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Breadcrumb/breadcrumb.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Breadcrumb/breadcrumb.stories.tsx
@@ -23,6 +23,18 @@ Basic.args = {
   hideRootLabel: false,
 };
 
+Basic.parameters = {
+  docs: {
+    source: {
+      code: `<Breadcrumb 
+  rootLabel="vRack Services"
+  appName="vrack-services"
+  hideRootLabel={false}
+/>`,
+    },
+  },
+};
+
 export const HideRootLabel = BreadcrumbStory.bind({});
 
 HideRootLabel.args = {
@@ -31,9 +43,22 @@ HideRootLabel.args = {
   hideRootLabel: true,
 };
 
+HideRootLabel.parameters = {
+  docs: {
+    source: {
+      code: `<Breadcrumb 
+  rootLabel="vRack Services"
+  appName="vrack-services"
+  hideRootLabel={true}
+/>`,
+    },
+  },
+};
+
 export default {
   title: 'Manager UI Kit/Components/Breadcrumb',
   component: Breadcrumb,
+  tags: ['autodocs'],
   decorators: [withRouter],
   parameters: {
     docs: {
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Clipboard/clipboard.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Clipboard/clipboard.stories.tsx
index 13eb7348c2a4..21c51af2af31 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Clipboard/clipboard.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Clipboard/clipboard.stories.tsx
@@ -4,6 +4,7 @@ import { Clipboard } from '@ovh-ux/muk';
 const meta: Meta<typeof Clipboard> = {
   title: 'Manager UI Kit/Components/Clipboard',
   component: Clipboard,
+  tags: ['autodocs'],
 };
 
 type Story = StoryObj<typeof Clipboard>;
@@ -15,6 +16,13 @@ export const regular: Story = {
     loading: false,
     masked: false,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Clipboard value="Value to copy to clipboard" />`,
+      },
+    },
+  },
 };
 
 export const disabled: Story = {
@@ -22,6 +30,16 @@ export const disabled: Story = {
     value: 'Disabled clipboard',
     disabled: true,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Clipboard 
+  value="Disabled clipboard" 
+  disabled={true} 
+/>`,
+      },
+    },
+  },
 };
 
 export const loading: Story = {
@@ -29,6 +47,16 @@ export const loading: Story = {
     value: '',
     loading: true,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Clipboard 
+  value="" 
+  loading={true} 
+/>`,
+      },
+    },
+  },
 };
 
 export const masked: Story = {
@@ -36,6 +64,16 @@ export const masked: Story = {
     value: 'Secret Data',
     masked: true,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Clipboard 
+  value="Secret Data" 
+  masked={true} 
+/>`,
+      },
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Datagrid/datagrid.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Datagrid/datagrid.stories.tsx
index d1b659cf609f..d9aedb4bede2 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Datagrid/datagrid.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Datagrid/datagrid.stories.tsx
@@ -438,6 +438,7 @@ FullFooter.args = {
 const meta = {
   title: 'Manager UI Kit/Components/Datagrid New',
   component: Datagrid,
+  tags: ['autodocs'],
   decorators: [withRouter],
   parameters: {
     docs: {
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Drawer/Drawer.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Drawer/Drawer.stories.tsx
index d40ad76e9d32..be5a46afaf78 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Drawer/Drawer.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Drawer/Drawer.stories.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { Meta } from '@storybook/react';
 import { Button } from '@ovh-ux/muk';
+import { DrawerBase } from '@ovh-ux/muk/src/components/drawer/drawer-base/DrawerBase.component';
 import { DrawerContent } from './DrawerContent.component';
 import { Content } from './mocks/Content.component';
 import {
@@ -11,6 +12,8 @@ import {
 
 const meta = {
   title: 'Manager UI Kit/Components/Drawer',
+  component: DrawerBase,
+  tags: ['autodocs'],
   args: {
     isOpen: false,
     isLoading: false,
@@ -38,7 +41,6 @@ const meta = {
     const [isOpen, setIsOpen] = useState(args.isOpen);
     const triggerDrawer = () => setIsOpen(!isOpen);
 
-    console.info('isOpen', isOpen);
     const title = args.title as string;
     return (
       <>
@@ -49,7 +51,9 @@ const meta = {
           <DrawerCollapsibleComposed
             {...args}
             isOpen={isOpen}
-            onDismiss={() => alert('dismiss')}
+            onDismiss={() => {
+              // Dismiss action
+            }}
             primaryButton={{
               ...args.primaryButton,
               onClick: triggerDrawer,
@@ -88,6 +92,31 @@ export const Default: Meta<DrawerComposedProps> = {
     children: <div>Children drawer story</div>,
     content: <DrawerContent size="short" />,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Drawer.Root 
+  isOpen={isOpen}
+  onDismiss={handleDismiss}
+>
+  <Drawer.Header title="Classic Drawer" />
+  <Drawer.Content>
+    <div>Your drawer content here</div>
+  </Drawer.Content>
+  <Drawer.Footer
+    primaryButton={{
+      label: 'Confirm',
+      onClick: handleConfirm,
+    }}
+    secondaryButton={{
+      label: 'Cancel',
+      onClick: handleCancel,
+    }}
+  />
+</Drawer.Root>`,
+      },
+    },
+  },
 };
 
 export const ScrollableContent: Meta<DrawerComposedProps> = {
@@ -97,6 +126,31 @@ export const ScrollableContent: Meta<DrawerComposedProps> = {
     children: <div>Children scrollable drawer story</div>,
     content: <DrawerContent size="long" />,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Drawer.Root 
+  isOpen={isOpen}
+  onDismiss={handleDismiss}
+>
+  <Drawer.Header title="Scrollable Content" />
+  <Drawer.Content>
+    <div>Long scrollable content here...</div>
+  </Drawer.Content>
+  <Drawer.Footer
+    primaryButton={{
+      label: 'Confirm',
+      onClick: handleConfirm,
+    }}
+    secondaryButton={{
+      label: 'Cancel',
+      onClick: handleCancel,
+    }}
+  />
+</Drawer.Root>`,
+      },
+    },
+  },
 };
 
 export const Collapsible: Meta<DrawerComposedProps> = {
@@ -106,4 +160,29 @@ export const Collapsible: Meta<DrawerComposedProps> = {
     children: <div>Children Collapsible drawer story</div>,
     content: <DrawerContent size="short" />,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Drawer.RootCollapsible 
+  isOpen={isOpen}
+  onDismiss={handleDismiss}
+>
+  <Drawer.Header title="Collapsible Drawer" />
+  <Drawer.Content>
+    <div>Your drawer content here</div>
+  </Drawer.Content>
+  <Drawer.Footer
+    primaryButton={{
+      label: 'Confirm',
+      onClick: handleConfirm,
+    }}
+    secondaryButton={{
+      label: 'Cancel',
+      onClick: handleCancel,
+    }}
+  />
+</Drawer.RootCollapsible>`,
+      },
+    },
+  },
 };
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Error/error.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Error/error.stories.tsx
index 5f2059dd41df..be2c18e5c42a 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Error/error.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Error/error.stories.tsx
@@ -26,6 +26,7 @@ const meta: Meta<typeof Error> = {
   title: 'Manager UI Kit/Components/Errors',
   decorators: [(story) => <div>{story()}</div>],
   component: Error,
+  tags: ['autodocs'],
   argTypes: {},
   args: defaultError,
   parameters: {
@@ -36,5 +37,40 @@ const meta: Meta<typeof Error> = {
 export default meta;
 
 export const ErrorBoundary = () => <Error {...defaultError} />;
+ErrorBoundary.parameters = {
+  docs: {
+    source: {
+      code: `<Error error={{}} />`,
+    },
+  },
+};
+
 export const Error404 = () => <Error {...error404} />;
+Error404.parameters = {
+  docs: {
+    source: {
+      code: `<Error 
+  error={{
+    status: 404,
+  }} 
+/>`,
+    },
+  },
+};
+
 export const ErrorApiWithCode = () => <Error {...errorApiWithCode} />;
+ErrorApiWithCode.parameters = {
+  docs: {
+    source: {
+      code: `<Error 
+  error={{
+    status: 401,
+    data: {
+      message: '[serviceId] Given data (undefined) is not valid for type long',
+    },
+    headers: { 'x-ovh-queryid': '123456789' },
+  }} 
+/>`,
+    },
+  },
+};
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Filters/filters.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Filters/filters.stories.tsx
index fb553d1e8836..042eb5405a17 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Filters/filters.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Filters/filters.stories.tsx
@@ -113,6 +113,7 @@ export const DefaultProps = {
 const meta = {
   title: 'Manager UI Kit/Components/Filters',
   component: FiltersStory,
+  tags: ['autodocs'],
   decorators: [withRouter],
 };
 
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Link/link.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Link/link.stories.tsx
index c5b9f4026f3d..497410a431ad 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Link/link.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Link/link.stories.tsx
@@ -54,6 +54,8 @@ const iamLinkWithoutAuthAndTooltip: LinkProps = {
 const meta: Meta<LinkProps> = {
   title: 'Manager UI Kit/Components/Link',
   decorators: [(story) => <div>{story()}</div>],
+  component: Link,
+  tags: ['autodocs'],
   argTypes: {},
   args: backLink,
 };
@@ -61,19 +63,103 @@ const meta: Meta<LinkProps> = {
 export default meta;
 
 export const BackLink = () => <Link {...backLink} />;
+BackLink.parameters = {
+  docs: {
+    source: {
+      code: `<Link 
+  type={LinkType.back}
+  href="https://www.ovhcloud.com"
+  target="_blank"
+>
+  Back to the list
+</Link>`,
+    },
+  },
+};
 
 export const NextLink = () => <Link {...nextLink} />;
+NextLink.parameters = {
+  docs: {
+    source: {
+      code: `<Link 
+  type={LinkType.next}
+  href="https://www.ovhcloud.com"
+  target="_blank"
+>
+  Next Page
+</Link>`,
+    },
+  },
+};
 
 export const ExternalLink = () => <Link {...externalLink} />;
+ExternalLink.parameters = {
+  docs: {
+    source: {
+      code: `<Link 
+  type={LinkType.external}
+  href="https://www.ovhcloud.com"
+  target="_blank"
+>
+  External Page
+</Link>`,
+    },
+  },
+};
 
 export const IamLinkWithAuthorization = () => (
   <Link {...iamLinkWithAuthorization} />
 );
+IamLinkWithAuthorization.parameters = {
+  docs: {
+    source: {
+      code: `<Link 
+  href="https://www.ovhcloud.com"
+  target="_blank"
+  urn="urn:v9:eu:resource:vrackServices:vrs-xxx-xxx"
+  iamActions={['vrackServices:apiovh:iam/resource/tag/remove']}
+  displayTooltip={true}
+>
+  Resiliate Link
+</Link>`,
+    },
+  },
+};
 
 export const IamLinkWithoutAuthorization = () => (
   <Link {...iamLinkWithoutAuthorization} />
 );
+IamLinkWithoutAuthorization.parameters = {
+  docs: {
+    source: {
+      code: `<Link 
+  href="https://www.ovhcloud.com"
+  target="_blank"
+  urn="urn:v9:eu:resource:vrackServices:vrs-xxx-xxx"
+  iamActions={['vrackServices:apiovh:iam/resource/tag/remove']}
+  displayTooltip={true}
+>
+  Resiliate Link
+</Link>`,
+    },
+  },
+};
 
 export const IamLinkWithoutAuthAndTooltip = () => (
   <Link {...iamLinkWithoutAuthAndTooltip} />
 );
+IamLinkWithoutAuthAndTooltip.parameters = {
+  docs: {
+    source: {
+      code: `<Link 
+  href="https://www.ovhcloud.com"
+  target="_blank"
+  urn="urn:v9:eu:resource:vrackServices:vrs-xxx-xxx"
+  iamActions={['vrackServices:apiovh:iam/resource/tag/remove']}
+  displayTooltip={false}
+>
+  Resiliate Link
+</Link>`,
+    },
+  },
+};
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Notifications/notifications.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Notifications/notifications.stories.tsx
index 0e72bc913813..3df0ef0d20a7 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Notifications/notifications.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Notifications/notifications.stories.tsx
@@ -61,5 +61,6 @@ export const Primary = {
 export default {
   title: 'Manager UI Kit/Components/Notifications',
   component: NotificationsStory,
+  tags: ['autodocs'],
   decorators: [withRouter],
 };
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Order/Order.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Order/Order.stories.tsx
index 2e6030dd485e..4222b9644090 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Order/Order.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Order/Order.stories.tsx
@@ -42,11 +42,33 @@ export const DemoOrder: Story = {
     onClickLink: () => {},
   },
   render: renderComponent,
+  parameters: {
+    docs: {
+      source: {
+        code: `<Order>
+  <Order.Configuration
+    onCancel={handleCancel}
+    onConfirm={handleConfirm}
+    isValid={isValid}
+  >
+    <p>Your order configuration steps here</p>
+  </Order.Configuration>
+  <Order.Summary
+    onFinish={handleFinish}
+    orderLink="https://www.ovh.com"
+    onClickLink={handleClickLink}
+    productName="Product Name"
+  />
+</Order>`,
+      },
+    },
+  },
 };
 
 const meta: Meta = {
   title: 'Manager UI Kit/Components/Order',
   component: Order,
+  tags: ['autodocs'],
   subcomponents: {
     'Order.Summary': Order.Summary as ComponentType<unknown>,
     'Order.Configuration': Order.Configuration as ComponentType<unknown>,
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Price/price.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Price/price.stories.tsx
index ca23b3af9d7c..1af03eb7f1f2 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Price/price.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Price/price.stories.tsx
@@ -1,10 +1,10 @@
-import React from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import { Price, OvhSubsidiary, IntervalUnitType } from '@ovh-ux/muk';
 
 const meta = {
   title: 'Manager UI Kit/Components/Price',
   component: Price,
+  tags: ['autodocs'],
   parameters: {
     docs: {
       description: {
@@ -53,6 +53,17 @@ export const Basic: Story = {
     ovhSubsidiary: OvhSubsidiary.FR,
     locale: 'fr-FR',
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Price 
+  value={3948000000} 
+  ovhSubsidiary={OvhSubsidiary.FR} 
+  locale="fr-FR" 
+/>`,
+      },
+    },
+  },
 };
 
 // Price with tax
@@ -63,6 +74,18 @@ export const WithTax: Story = {
     ovhSubsidiary: OvhSubsidiary.FR,
     locale: 'fr-FR',
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Price 
+  value={3948000000} 
+  tax={789600000}
+  ovhSubsidiary={OvhSubsidiary.FR} 
+  locale="fr-FR" 
+/>`,
+      },
+    },
+  },
 };
 
 // Price with interval
@@ -73,6 +96,18 @@ export const WithInterval: Story = {
     ovhSubsidiary: OvhSubsidiary.FR,
     locale: 'fr-FR',
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Price 
+  value={3948000000} 
+  intervalUnit={IntervalUnitType.month}
+  ovhSubsidiary={OvhSubsidiary.FR} 
+  locale="fr-FR" 
+/>`,
+      },
+    },
+  },
 };
 
 // Price with tax and interval
@@ -84,6 +119,19 @@ export const WithTaxAndInterval: Story = {
     ovhSubsidiary: OvhSubsidiary.FR,
     locale: 'fr-FR',
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Price 
+  value={3948000000} 
+  tax={789600000}
+  intervalUnit={IntervalUnitType.month}
+  ovhSubsidiary={OvhSubsidiary.FR} 
+  locale="fr-FR" 
+/>`,
+      },
+    },
+  },
 };
 
 // Different subsidiary (US)
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/Step/step.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/Step/step.stories.tsx
index 90b60892d97f..461876cb9cb4 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/Step/step.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/Step/step.stories.tsx
@@ -2,29 +2,9 @@ import React from 'react';
 import { Meta } from '@storybook/react';
 import { Step, StepProps, Text } from '@ovh-ux/muk';
 
-const renderComponent = ({
-  order,
-  title,
-  subtitle,
-  open,
-  checked,
-  locked,
-  next,
-  edit,
-  skip,
-}) => {
+const renderComponent = (args: StepProps) => {
   return (
-    <Step
-      order={order}
-      title={title}
-      subtitle={subtitle}
-      open={open}
-      checked={checked}
-      locked={locked}
-      next={next}
-      edit={edit}
-      skip={skip}
-    >
+    <Step {...args}>
       <Text preset="span">Hello world!!!!</Text>
     </Step>
   );
@@ -39,20 +19,47 @@ export const Default = {
     checked: false,
     locked: false,
     next: {
-      action: (_id: string) => {},
+      action: () => {},
       label: 'Next',
       disabled: false,
     },
     edit: {
-      action: (_id: string) => {},
+      action: () => {},
       label: 'Edit',
       disabled: false,
     },
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Step
+  order={1}
+  title="Title"
+  open={true}
+  checked={false}
+  locked={false}
+  next={{
+    action: (id) => handleNext(id),
+    label: 'Next',
+    disabled: false,
+  }}
+  edit={{
+    action: (id) => handleEdit(id),
+    label: 'Edit',
+    disabled: false,
+  }}
+>
+  <Text preset="span">Step content here</Text>
+</Step>`,
+      },
+    },
+  },
 };
 
 const StepStory: Meta<StepProps> = {
   title: 'Manager UI Kit/Components/Step',
+  component: Step,
+  tags: ['autodocs'],
   render: renderComponent,
 };
 
@@ -60,8 +67,22 @@ export const Checked: Meta<StepProps> = {
   title: 'Manager UI Kit/Components/Step',
   render: renderComponent,
   args: {
-    ...Default.args,
+    order: 1,
+    title: 'Title',
+    subtitle: '',
+    open: true,
     checked: true,
+    locked: false,
+    next: {
+      action: () => {},
+      label: 'Next',
+      disabled: false,
+    },
+    edit: {
+      action: () => {},
+      label: 'Edit',
+      disabled: false,
+    },
   },
 };
 
@@ -69,9 +90,22 @@ export const CheckedAndLocked: Meta<StepProps> = {
   title: 'Manager UI Kit/Components/Step',
   render: renderComponent,
   args: {
-    ...Default.args,
+    order: 1,
+    title: 'Title',
+    subtitle: '',
+    open: true,
     checked: true,
     locked: true,
+    next: {
+      action: () => {},
+      label: 'Next',
+      disabled: false,
+    },
+    edit: {
+      action: () => {},
+      label: 'Edit',
+      disabled: false,
+    },
   },
 };
 
@@ -79,11 +113,19 @@ export const CheckedAndLockedWithoutEdit: Meta<StepProps> = {
   title: 'Manager UI Kit/Components/Step',
   render: renderComponent,
   args: {
-    ...Default.args,
+    order: 1,
+    title: 'Title',
+    subtitle: '',
+    open: true,
     checked: true,
     locked: true,
+    next: {
+      action: () => {},
+      label: 'Next',
+      disabled: false,
+    },
     edit: {
-      action: (_id: string) => {},
+      action: () => {},
       label: 'Edit',
       disabled: true,
     },
@@ -94,10 +136,22 @@ export const Closed: Meta<StepProps> = {
   title: 'Manager UI Kit/Components/Step',
   render: renderComponent,
   args: {
-    ...Default.args,
-    checked: true,
+    order: 1,
+    title: 'Title',
+    subtitle: '',
     open: false,
+    checked: true,
     locked: true,
+    next: {
+      action: () => {},
+      label: 'Next',
+      disabled: false,
+    },
+    edit: {
+      action: () => {},
+      label: 'Edit',
+      disabled: false,
+    },
   },
 };
 
@@ -105,10 +159,22 @@ export const UncheckedAndClosed: Meta<StepProps> = {
   title: 'Manager UI Kit/Components/Step',
   render: renderComponent,
   args: {
-    ...Default.args,
-    checked: false,
+    order: 1,
+    title: 'Title',
+    subtitle: '',
     open: false,
+    checked: false,
     locked: true,
+    next: {
+      action: () => {},
+      label: 'Next',
+      disabled: false,
+    },
+    edit: {
+      action: () => {},
+      label: 'Edit',
+      disabled: false,
+    },
   },
 };
 
@@ -116,12 +182,22 @@ export const NextButtonDisabled: Meta<StepProps> = {
   title: 'Manager UI Kit/Components/Step',
   render: renderComponent,
   args: {
-    ...Default.args,
+    order: 1,
+    title: 'Title',
+    subtitle: '',
+    open: true,
+    checked: false,
+    locked: false,
     next: {
-      action: (_id: string) => {},
+      action: () => {},
       label: 'Next',
       disabled: true,
     },
+    edit: {
+      action: () => {},
+      label: 'Edit',
+      disabled: false,
+    },
   },
 };
 
@@ -129,9 +205,24 @@ export const Skip: Meta<StepProps> = {
   title: 'Manager UI Kit/Components/Step',
   render: renderComponent,
   args: {
-    ...Default.args,
+    order: 1,
+    title: 'Title',
+    subtitle: '',
+    open: true,
+    checked: false,
+    locked: false,
+    next: {
+      action: () => {},
+      label: 'Next',
+      disabled: false,
+    },
+    edit: {
+      action: () => {},
+      label: 'Edit',
+      disabled: false,
+    },
     skip: {
-      action: (_id: string) => {},
+      action: () => {},
       label: 'Skip',
       disabled: false,
       hint: '(Optional)',
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/TagsTile/tags-tile.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/TagsTile/tags-tile.stories.tsx
index 05440e015960..72639bd14d81 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/TagsTile/tags-tile.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/TagsTile/tags-tile.stories.tsx
@@ -4,6 +4,7 @@ import { TagsTile } from '@ovh-ux/muk';
 const managerTagsTile = {
   title: 'Manager UI Kit/Components/TagsTile',
   component: TagsTile,
+  tags: ['autodocs'],
 };
 
 type Story = StoryObj<typeof managerTagsTile>;
@@ -31,6 +32,22 @@ export const DemoTagsTile: Story = {
     lineNumber: 5,
     onEditTags: () => {},
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<TagsTile 
+  tags={{
+    Team: 'Support-team',
+    Environment: 'Production',
+    Department: 'Finance',
+  }}
+  displayInternalTags={false}
+  lineNumber={5}
+  onEditTags={() => console.log('Edit tags')}
+/>`,
+      },
+    },
+  },
 };
 
 export default managerTagsTile;
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/TilesInputGroup/tiles-input-group.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/TilesInputGroup/tiles-input-group.stories.tsx
index e80ecdde50e9..74f1fe7e911a 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/TilesInputGroup/tiles-input-group.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/TilesInputGroup/tiles-input-group.stories.tsx
@@ -11,6 +11,7 @@ import {
 export default {
   title: 'Manager UI Kit/Components/TilesInputGroup',
   component: TilesInputGroupComponent,
+  tags: ['autodocs'],
   parameters: {
     docs: {
       description: {
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/action-banner/ActionBanner.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/action-banner/ActionBanner.stories.tsx
index 0951585766db..be3348262952 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/action-banner/ActionBanner.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/action-banner/ActionBanner.stories.tsx
@@ -10,11 +10,23 @@ export const Default = {
     color: MESSAGE_COLOR.information,
     dismissible: true,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<ActionBanner 
+  message="This is a test message. <strong>This message is in bold.</strong>"
+  color={MESSAGE_COLOR.information}
+  dismissible={true}
+/>`,
+      },
+    },
+  },
 };
 
 const SampleActionBanner: Meta<ActionBannerProps> = {
   title: 'Manager UI Kit/Components/Action Banner',
   component: ActionBanner,
+  tags: ['autodocs'],
 };
 
 export const ActionBannerWithMessageVariants: Meta<ActionBannerProps> = {
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/action-menu/ActionMenu.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/action-menu/ActionMenu.stories.tsx
index 60be0f1be57d..276e2e4aba9e 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/action-menu/ActionMenu.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/action-menu/ActionMenu.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import {
   POPOVER_POSITION,
@@ -57,6 +56,33 @@ export const Default: Story = {
     isDisabled: false,
     isLoading: false,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `const actionItems = [
+  {
+    id: 1,
+    href: 'https://www.ovhcloud.com',
+    target: '_blank',
+    label: 'external link',
+  },
+  {
+    id: 2,
+    onClick: () => handleAction(),
+    label: 'action',
+  },
+];
+
+<ActionMenu 
+  id="action-menu-default"
+  items={actionItems}
+  isCompact={false}
+  popoverPosition={POPOVER_POSITION.bottom}
+  variant={BUTTON_VARIANT.outline}
+/>`,
+      },
+    },
+  },
 };
 
 export const Compact: Story = {
@@ -66,6 +92,18 @@ export const Compact: Story = {
     isCompact: true,
     popoverPosition: POPOVER_POSITION.bottom,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<ActionMenu 
+  id="action-menu-compact"
+  items={actionItems}
+  isCompact={true}
+  popoverPosition={POPOVER_POSITION.bottom}
+/>`,
+      },
+    },
+  },
 };
 
 export const Loading: Story = {
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/badges/badge/Badge.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/badges/badge/Badge.stories.tsx
index b9658d42fa96..4b1837c1d301 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/badges/badge/Badge.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/badges/badge/Badge.stories.tsx
@@ -8,6 +8,18 @@ export const Default = {
     color: BADGE_COLOR.information,
     size: BADGE_SIZE.md,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Badge 
+  color={BADGE_COLOR.information}
+  size={BADGE_SIZE.md}
+>
+  Active
+</Badge>`,
+      },
+    },
+  },
 };
 
 function renderComponent({ children, ...args }) {
@@ -16,6 +28,8 @@ function renderComponent({ children, ...args }) {
 
 const simpleBadge: Meta<BadgeProps> = {
   title: 'Manager UI Kit/Components/Badges/Badge',
+  component: Badge,
+  tags: ['autodocs'],
   render: renderComponent,
   parameters: {
     docs: {
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/badges/service-state-badge/ServiceStateBadge.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/badges/service-state-badge/ServiceStateBadge.stories.tsx
index 73f1e28f5a29..36ed6d77d092 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/badges/service-state-badge/ServiceStateBadge.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/badges/service-state-badge/ServiceStateBadge.stories.tsx
@@ -5,14 +5,35 @@ import { ServiceStateBadge, ResourceStatus } from '@ovh-ux/muk';
 export const ServiceStateBadgeActive = () => (
   <ServiceStateBadge state="active" />
 );
+ServiceStateBadgeActive.parameters = {
+  docs: {
+    source: {
+      code: `<ServiceStateBadge state="active" />`,
+    },
+  },
+};
 
 export const ServiceStateBadgeDeleted = () => (
   <ServiceStateBadge state="deleted" />
 );
+ServiceStateBadgeDeleted.parameters = {
+  docs: {
+    source: {
+      code: `<ServiceStateBadge state="deleted" />`,
+    },
+  },
+};
 
 export const ServiceStateBadgeSuspended = () => (
   <ServiceStateBadge state="suspended" />
 );
+ServiceStateBadgeSuspended.parameters = {
+  docs: {
+    source: {
+      code: `<ServiceStateBadge state="suspended" />`,
+    },
+  },
+};
 
 export const ServiceStateBadgeToActivate = () => (
   <ServiceStateBadge state="toActivate" />
@@ -36,10 +57,21 @@ export const LoadingBadge = () => (
     state={('unknown' as unknown) as ResourceStatus}
   />
 );
+LoadingBadge.parameters = {
+  docs: {
+    source: {
+      code: `<ServiceStateBadge 
+  isLoading={true}
+  state="unknown" 
+/>`,
+    },
+  },
+};
 
 const meta: Meta<typeof ServiceStateBadge> = {
   title: 'Manager UI Kit/Components/Badges/ServiceStateBadge',
   component: ServiceStateBadge,
+  tags: ['autodocs'],
   argTypes: {
     state: {
       control: { type: 'select' },
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/button/Button.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/button/Button.stories.tsx
index 02c81ffc1b44..0f2ceafa46df 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/button/Button.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/button/Button.stories.tsx
@@ -6,6 +6,13 @@ export const Default: Meta<ButtonProps> = {
   args: {
     children: 'Remove Button',
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Button>Remove Button</Button>`,
+      },
+    },
+  },
 };
 
 export const IsLoading: Meta<ButtonProps> = {
@@ -13,6 +20,15 @@ export const IsLoading: Meta<ButtonProps> = {
     children: 'Remove Button',
     loading: true,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Button loading={true}>
+  Remove Button
+</Button>`,
+      },
+    },
+  },
 };
 
 export const ButtonWithIamAuthorization: Meta<ButtonProps> = {
@@ -21,6 +37,18 @@ export const ButtonWithIamAuthorization: Meta<ButtonProps> = {
     urn: IAM_URNS.WITH_AUTH,
     iamActions: IAM_ACTIONS,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Button 
+  urn="urn:v9:eu:resource:vrackServices:vrs-xxx-xxx"
+  iamActions={['vrackServices:apiovh:iam/resource/tag/remove']}
+>
+  Remove button
+</Button>`,
+      },
+    },
+  },
 };
 
 export const ButtonWithoutIamAuthorization: Meta<ButtonProps> = {
@@ -29,11 +57,24 @@ export const ButtonWithoutIamAuthorization: Meta<ButtonProps> = {
     urn: IAM_URNS.WITHOUT_AUTH,
     iamActions: IAM_ACTIONS,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Button 
+  urn="urn:v9:eu:resource:vrackServices:vrs-xxx-xxx"
+  iamActions={['vrackServices:apiovh:iam/resource/tag/remove']}
+>
+  Remove button
+</Button>`,
+      },
+    },
+  },
 };
 
 const meta = {
   title: 'Manager UI Kit/Components/Button',
   component: Button,
+  tags: ['autodocs'],
   args: {
     children: 'Remove button',
   },
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/changelog-menu/ChangelogMenu.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/changelog-menu/ChangelogMenu.stories.tsx
index 238415308778..afd09ffce076 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/changelog-menu/ChangelogMenu.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/changelog-menu/ChangelogMenu.stories.tsx
@@ -21,10 +21,30 @@ export const changelogMenu: ChangelogMenuProps = {
   chapters: changelogChapters,
 };
 
+changelogMenu.parameters = {
+  docs: {
+    source: {
+      code: `const changelogLinks = {
+  roadmap: 'https://github.com/orgs/ovh/projects/16/...',
+  changelog: 'https://github.com/orgs/ovh/projects/16/...',
+  'feature-request': 'https://github.com/orgs/ovh/projects/16/...',
+};
+
+const changelogChapters = ['baremetal', 'server', 'dedicated'];
+
+<ChangelogMenu 
+  links={changelogLinks}
+  chapters={changelogChapters}
+/>`,
+    },
+  },
+};
+
 const meta: Meta<ChangelogMenuProps> = {
   title: 'Manager UI Kit/Components/ChangelogMenu',
   decorators: [withRouter],
   component: ChangelogMenu,
+  tags: ['autodocs'],
   argTypes: {},
   args: changelogMenu,
 };
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/delete-modal/DeleteModal.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/delete-modal/DeleteModal.stories.tsx
index 8a501574870e..f47c02ef39a6 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/delete-modal/DeleteModal.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/delete-modal/DeleteModal.stories.tsx
@@ -12,6 +12,19 @@ export const DeleteModalDefault = (props: DeleteModalProps) => {
   return <DeleteModal {...props} open={isOpen} onClose={handleClose} />;
 };
 
+DeleteModalDefault.parameters = {
+  docs: {
+    source: {
+      code: `<DeleteModal 
+  open={isOpen}
+  onClose={handleClose}
+  onConfirmDelete={() => console.log('onDelete')}
+  serviceTypeName="SQL Server"
+/>`,
+    },
+  },
+};
+
 export const DeleteModalWithError = (props: DeleteModalProps) => {
   const [isOpen, setIsOpen] = useState(true);
 
@@ -49,13 +62,16 @@ export const DeleteModalIsLoading = (props: DeleteModalProps) => {
 const meta: Meta = {
   title: 'Manager UI Kit/Components/Delete Modal',
   component: DeleteModal,
+  tags: ['autodocs'],
   argTypes: {
     isOpen: { control: 'boolean' },
     isLoading: { control: 'boolean' },
     error: { control: 'text' },
   },
   args: {
-    onConfirmDelete: () => console.log('onDelete'),
+    onConfirmDelete: () => {
+      // Handle delete action
+    },
     serviceTypeName: 'SQL Server',
     isLoading: false,
   },
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/grid-layout/GridLayout.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/grid-layout/GridLayout.stories.tsx
index 8d384a1f228a..2bb3fd5784d1 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/grid-layout/GridLayout.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/grid-layout/GridLayout.stories.tsx
@@ -5,6 +5,7 @@ import { GridLayout, Tile, Text } from '@ovh-ux/muk';
 const meta: Meta<typeof GridLayout> = {
   title: 'Manager UI Kit/Components/GridLayout',
   component: GridLayout,
+  tags: ['autodocs'],
   decorators: [(story) => <div>{story()}</div>],
 };
 
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/guide-menu/GuideMenu.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/guide-menu/GuideMenu.stories.tsx
index f8771273a334..1c47597f2fb1 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/guide-menu/GuideMenu.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/guide-menu/GuideMenu.stories.tsx
@@ -21,6 +21,29 @@ export const GuideMenuExemple: GuideMenuProps = {
   items: guideItems,
 };
 
+GuideMenuExemple.parameters = {
+  docs: {
+    source: {
+      code: `const guideItems = [
+  {
+    id: 1,
+    href: 'https://www.ovh.com',
+    target: '_blank',
+    children: 'ovh.com',
+  },
+  {
+    id: 2,
+    href: 'https://help.ovhcloud.com/csm/fr-documentation?id=kb_home',
+    target: '_blank',
+    children: 'Guides OVH',
+  },
+];
+
+<GuideMenu items={guideItems} />`,
+    },
+  },
+};
+
 export const GuideMenuLoading = () => (
   <GuideMenu isLoading items={guideItems} />
 );
@@ -31,6 +54,7 @@ const meta: Meta<GuideMenuProps> = {
   title: 'Manager UI Kit/Components/GuideMenu',
   decorators: [(story) => <div>{story()}</div>],
   component: GuideMenu,
+  tags: ['autodocs'],
   argTypes: {},
   args: GuideMenuExemple,
 };
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/link-card/LinkCard.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/link-card/LinkCard.stories.tsx
index 1826a727e90b..56051c8a3be4 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/link-card/LinkCard.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/link-card/LinkCard.stories.tsx
@@ -42,6 +42,7 @@ const meta: Meta<typeof LinkCard> = {
     ),
   ],
   component: LinkCard,
+  tags: ['autodocs'],
   argTypes: {
     texts: {
       title: { control: 'text', description: 'Title of the Card' },
@@ -92,12 +93,43 @@ WithDescription.args = {
   ...defaultProps,
   texts: textsWithDescription,
 };
+WithDescription.parameters = {
+  docs: {
+    source: {
+      code: `<LinkCard 
+  href="https://ovh.com"
+  texts={{
+    title: 'Title of the Card',
+    category: 'Tutorial',
+    description: 'Card description text here...',
+  }}
+/>`,
+    },
+  },
+};
 
 export const WithImage = Template.bind({});
 WithImage.args = {
   ...defaultProps,
   img,
 };
+WithImage.parameters = {
+  docs: {
+    source: {
+      code: `<LinkCard 
+  href="https://ovh.com"
+  texts={{
+    title: 'Title of the Card',
+    category: 'Tutorial',
+  }}
+  img={{
+    alt: 'offer',
+    src: 'https://www.ovhcloud.com/sites/default/files/styles/offer_range_card/public/2021-06/1886_AI_Notebook1_Hero_600x400.png',
+  }}
+/>`,
+    },
+  },
+};
 
 export const WithBadges = Template.bind({});
 WithBadges.args = {
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/modal/Modal.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/modal/Modal.stories.tsx
index 8f562871cec6..ad814f50754e 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/modal/Modal.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/modal/Modal.stories.tsx
@@ -43,6 +43,16 @@ Basic.parameters = {
   controls: {
     include: ['heading', 'children'],
   },
+  docs: {
+    source: {
+      code: `<Modal 
+  heading="Example of modal"
+  open={true}
+>
+  <div>Example of content</div>
+</Modal>`,
+    },
+  },
 };
 
 Basic.args = basicMock;
@@ -53,6 +63,25 @@ Actions.parameters = {
   controls: {
     include: ['onOpenChange', 'primaryButton', 'secondaryButton'],
   },
+  docs: {
+    source: {
+      code: `<Modal 
+  heading="Example of modal"
+  open={true}
+  primaryButton={{
+    label: 'Confirm',
+    onClick: () => {},
+  }}
+  secondaryButton={{
+    label: 'Cancel',
+    onClick: () => {},
+  }}
+  onOpenChange={() => {}}
+>
+  <div>Example of content</div>
+</Modal>`,
+    },
+  },
 };
 
 Actions.args = {
@@ -66,6 +95,25 @@ Type.parameters = {
   controls: {
     include: ['type'],
   },
+  docs: {
+    source: {
+      code: `<Modal 
+  heading="Example of modal"
+  type={MODAL_COLOR.warning}
+  open={true}
+  primaryButton={{
+    label: 'Confirm',
+    onClick: () => {},
+  }}
+  secondaryButton={{
+    label: 'Cancel',
+    onClick: () => {},
+  }}
+>
+  <div>Example of content</div>
+</Modal>`,
+    },
+  },
 };
 
 Type.args = {
@@ -80,6 +128,25 @@ Loading.parameters = {
   controls: {
     include: ['loading'],
   },
+  docs: {
+    source: {
+      code: `<Modal 
+  heading="Example of modal"
+  loading={true}
+  open={true}
+  primaryButton={{
+    label: 'Confirm',
+    onClick: () => {},
+  }}
+  secondaryButton={{
+    label: 'Cancel',
+    onClick: () => {},
+  }}
+>
+  <div>Example of content</div>
+</Modal>`,
+    },
+  },
 };
 
 Loading.args = {
@@ -94,6 +161,28 @@ Step.parameters = {
   controls: {
     include: ['step'],
   },
+  docs: {
+    source: {
+      code: `<Modal 
+  heading="Example of modal"
+  open={true}
+  step={{
+    current: 1,
+    total: 3,
+  }}
+  primaryButton={{
+    label: 'Confirm',
+    onClick: () => {},
+  }}
+  secondaryButton={{
+    label: 'Cancel',
+    onClick: () => {},
+  }}
+>
+  <div>Example of content</div>
+</Modal>`,
+    },
+  },
 };
 
 Step.args = {
@@ -115,4 +204,5 @@ Full.args = {
 export default {
   title: 'Manager UI Kit/Components/Modal',
   component: Modal,
+  tags: ['autodocs'],
 };
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/tags-list/TagsList.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/tags-list/TagsList.stories.tsx
index 04b02fe5a420..e83b90b5579d 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/tags-list/TagsList.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/tags-list/TagsList.stories.tsx
@@ -12,6 +12,7 @@ import { TagsList } from '../../../../../manager-ui-kit/src/components';
 const managerTagsList = {
   title: 'Manager UI Kit/Components/TagsList',
   component: TagsList,
+  tags: ['autodocs'],
 };
 
 type Story = StoryObj<typeof managerTagsList>;
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/text/Text.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/text/Text.stories.tsx
index 71736f98bc19..4a10bf0ff8c4 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/text/Text.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/text/Text.stories.tsx
@@ -8,6 +8,18 @@ export const Default: Meta<TextProps> = {
     iamActions: IAM_ACTIONS,
     children: 'lorem ipsum dolor sit amet',
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Text 
+  urn="urn:v9:eu:resource:vrackServices:vrs-xxx-xxx"
+  iamActions={['vrackServices:apiovh:iam/resource/tag/remove']}
+>
+  lorem ipsum dolor sit amet
+</Text>`,
+      },
+    },
+  },
 };
 
 export const TextWithAuthorization: Meta<TextProps> = {
@@ -15,6 +27,18 @@ export const TextWithAuthorization: Meta<TextProps> = {
     urn: IAM_URNS.WITH_AUTH,
     iamActions: IAM_ACTIONS,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Text 
+  urn="urn:v9:eu:resource:vrackServices:vrs-xxx-xxx"
+  iamActions={['vrackServices:apiovh:iam/resource/tag/remove']}
+>
+  Confidential information
+</Text>`,
+      },
+    },
+  },
 };
 
 export const TextWithoutAuthorization: Meta<TextProps> = {
@@ -22,11 +46,24 @@ export const TextWithoutAuthorization: Meta<TextProps> = {
     ...Default.args,
     urn: IAM_URNS.WITHOUT_AUTH,
   },
+  parameters: {
+    docs: {
+      source: {
+        code: `<Text 
+  urn="urn:v9:eu:resource:vrackServices:vrs-xxx-xxx-unauthorized"
+  iamActions={['vrackServices:apiovh:iam/resource/tag/remove']}
+>
+  HIDDEN (user without authorization)
+</Text>`,
+      },
+    },
+  },
 };
 
 const meta = {
   title: 'Manager UI Kit/Components/Text',
   component: Text,
+  tags: ['autodocs'],
   args: {
     ...Default.args,
     children:
diff --git a/packages/manager-wiki/stories/manager-ui-kit/components/update-name-modal/UpdateNameModal.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/components/update-name-modal/UpdateNameModal.stories.tsx
index 231451632b6d..4e4ad8d78de2 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/components/update-name-modal/UpdateNameModal.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/components/update-name-modal/UpdateNameModal.stories.tsx
@@ -19,6 +19,24 @@ export const UpdateNameModalDefault = (props: UpdateNameModalProps) => {
   );
 };
 
+UpdateNameModalDefault.parameters = {
+  docs: {
+    source: {
+      code: `<UpdateNameModal 
+  isOpen={isOpen}
+  onClose={handleClose}
+  updateDisplayName={(name) => console.log('updateDisplayName', name)}
+  headline="Update Resource Name"
+  description="Do you really want to update the display name of this resource?"
+  inputLabel="New display name"
+  defaultValue="oldDisplayName"
+  cancelButtonLabel="Cancel"
+  confirmButtonLabel="Confirm"
+/>`,
+    },
+  },
+};
+
 export const UpdateNameModalWithError = (props: UpdateNameModalProps) => {
   const [isOpen, setIsOpen] = useState(true);
   const handleClose = () => {
@@ -37,6 +55,7 @@ export const UpdateNameModalWithError = (props: UpdateNameModalProps) => {
 const meta: Meta = {
   title: 'Manager UI Kit/Components/Update Name Modal',
   component: UpdateNameModalComponent,
+  tags: ['autodocs'],
   argTypes: {
     isLoading: { control: 'boolean' },
     error: { control: 'text' },
@@ -52,8 +71,12 @@ const meta: Meta = {
   },
   args: {
     isOpen: true,
-    onClose: () => console.log('close'),
-    updateDisplayName: (name: string) => console.log('updateDisplayName', name),
+    onClose: () => {
+      // Handle close
+    },
+    updateDisplayName: () => {
+      // Handle update display name
+    },
     headline: 'headline',
     description:
       'Do you really want to update the display name of this resource ?',
diff --git a/packages/manager-wiki/stories/manager-ui-kit/content/tile/tile.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/content/tile/tile.stories.tsx
index 9cdb60ff4a4d..16d6f3c38067 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/content/tile/tile.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/content/tile/tile.stories.tsx
@@ -39,6 +39,25 @@ export const SimpleTile = () => (
   </Tile.Root>
 );
 
+SimpleTile.parameters = {
+  docs: {
+    source: {
+      code: `<Tile.Root title="Sample Tile Header">
+  <Tile.Item.Root>
+    <Tile.Item.Term label="Term" />
+    <Tile.Item.Description label="Description" />
+  </Tile.Item.Root>
+  <Tile.Item.Root>
+    <Tile.Item.Term label="Last Term" />
+    <Tile.Item.Description divider={false}>
+      <Text>Description without Divider</Text>
+    </Tile.Item.Description>
+  </Tile.Item.Root>
+</Tile.Root>`,
+    },
+  },
+};
+
 export const TileWithLink = () => (
   <Tile.Root title="Sample Tile Header">
     <Tile.Item.Root>
@@ -57,6 +76,28 @@ export const TileWithLink = () => (
   </Tile.Root>
 );
 
+TileWithLink.parameters = {
+  docs: {
+    source: {
+      code: `<Tile.Root title="Sample Tile Header">
+  <Tile.Item.Root>
+    <Tile.Item.Term label="Term" />
+    <Tile.Item.Description label="Description" />
+  </Tile.Item.Root>
+  <Tile.Item.Root>
+    <Tile.Item.Term label="Last Term" />
+    <Tile.Item.Description divider={false} label="Sample Description" />
+    <Tile.Item.Description>
+      <Link href="https://www.ovhcloud.com">
+        Link <Icon name={ICON_NAME.externalLink} />
+      </Link>
+    </Tile.Item.Description>
+  </Tile.Item.Root>
+</Tile.Root>`,
+    },
+  },
+};
+
 export const TileWithActionMenuAndTooltip = () => (
   <Tile.Root title="Sample Tile Header">
     <Tile.Item.Root>
@@ -74,8 +115,29 @@ export const TileWithActionMenuAndTooltip = () => (
   </Tile.Root>
 );
 
+TileWithActionMenuAndTooltip.parameters = {
+  docs: {
+    source: {
+      code: `const actionItems = [
+  { id: 1, href: 'https://ovhcloud.com', label: 'Action 1' },
+  { id: 2, onClick: () => handleAction(), label: 'Action 2' },
+];
+
+<Tile.Root title="Sample Tile Header">
+  <Tile.Item.Root>
+    <Tile.Item.Term
+      label="Term"
+      tooltip="Lorem ipsum dolor sit amet."
+      actions={<ActionMenu id="action-menu" items={actionItems} isCompact />}
+    />
+    <Tile.Item.Description label="Description" />
+  </Tile.Item.Root>
+</Tile.Root>`,
+    },
+  },
+};
+
 export const CompleteExample = () => {
-  const id = useId();
   return (
     <div className="w-1/3">
       <Tile.Root title="Tile Header">
@@ -158,6 +220,7 @@ export const CompleteExample = () => {
 const meta: Meta = {
   title: 'Manager UI Kit/Content/Tile',
   component: Tile,
+  tags: ['autodocs'],
   argTypes: {},
   args: {},
 };
diff --git a/packages/manager-wiki/stories/manager-ui-kit/hooks/useFormatDate/useFormatDate.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/hooks/useFormatDate/useFormatDate.stories.tsx
index 2e956004f99d..05b0426e4fa3 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/hooks/useFormatDate/useFormatDate.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/hooks/useFormatDate/useFormatDate.stories.tsx
@@ -56,6 +56,7 @@ export const UnknownDate = {
 const useFormatDateStories = {
   title: 'Manager UI Kit/Hooks/useFormatDate',
   component: FormatDateComponent,
+  tags: ['autodocs'],
   argTypes: {
     invalidDateDisplayLabel: {
       control: 'text',
diff --git a/packages/manager-wiki/stories/manager-ui-kit/hooks/useTranslatedMicroRegion/useTranslatedMicroRegions.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/hooks/useTranslatedMicroRegion/useTranslatedMicroRegions.stories.tsx
index a88b3894ae90..3c0c0734b44c 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/hooks/useTranslatedMicroRegion/useTranslatedMicroRegions.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/hooks/useTranslatedMicroRegion/useTranslatedMicroRegions.stories.tsx
@@ -24,6 +24,7 @@ const TranslatedMicroRegionsComponent = ({ region }: { region: string }) => {
 export default {
   title: 'Manager UI Kit/Hooks/useTranslatedMicroRegions',
   component: TranslatedMicroRegionsComponent,
+  tags: ['autodocs'],
   argTypes: {
     region: {
       control: 'text',
diff --git a/packages/manager-wiki/stories/manager-ui-kit/templates/ErrorBoundary/ErrorBoundary.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/templates/ErrorBoundary/ErrorBoundary.stories.tsx
index 42365aa08327..6e5b7f650a3e 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/templates/ErrorBoundary/ErrorBoundary.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/templates/ErrorBoundary/ErrorBoundary.stories.tsx
@@ -12,6 +12,7 @@ const defaultsProps = {
 const meta: Meta = {
   title: 'Manager UI Kit/Components/ErrorBoundary',
   component: ErrorBoundary,
+  tags: ['autodocs'],
   decorators: [withRouter],
   args: defaultsProps,
 };
diff --git a/packages/manager-wiki/stories/manager-ui-kit/templates/Onboarding/onboarding.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/templates/Onboarding/onboarding.stories.tsx
index b71ca2cc888f..c3c0861e7fa6 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/templates/Onboarding/onboarding.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/templates/Onboarding/onboarding.stories.tsx
@@ -177,6 +177,7 @@ export const OnboardingWithoutHeadingSection = () => (
 const meta: Meta<typeof OnboardingLayout> = {
   title: 'Manager UI Kit/Components/OnboardingLayout',
   component: OnboardingLayout,
+  tags: ['autodocs'],
   argTypes: {
     title: {
       description: 'The main title of the onboarding layout',
diff --git a/packages/manager-wiki/stories/manager-ui-kit/templates/baseLayout/BaseLayout.stories.tsx b/packages/manager-wiki/stories/manager-ui-kit/templates/baseLayout/BaseLayout.stories.tsx
index 7ed29358c4c0..0ef03f1c30af 100644
--- a/packages/manager-wiki/stories/manager-ui-kit/templates/baseLayout/BaseLayout.stories.tsx
+++ b/packages/manager-wiki/stories/manager-ui-kit/templates/baseLayout/BaseLayout.stories.tsx
@@ -243,6 +243,7 @@ const meta: Meta<typeof BaseLayout> = {
   decorators: [withRouter],
   title: 'Manager React Components/Templates/Base Layout',
   component: BaseLayout,
+  tags: ['autodocs'],
   argTypes: {},
   args: completeBaseLayoutExample,
 };