diff --git a/pages/components/docs-editor.mdx b/pages/components/docs-editor.mdx
index f923e9201e..961b77fc1b 100644
--- a/pages/components/docs-editor.mdx
+++ b/pages/components/docs-editor.mdx
@@ -90,7 +90,7 @@ content:
productLogo="cli"
title="CLI"
description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
- url="/#"
+ url="/foo/dd"
label="Link"
/>
```
@@ -100,7 +100,7 @@ content:
productLogo="cli"
title="CLI"
description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
- url="/#"
+ url="/foo/dd"
label="Link"
/>
@@ -114,7 +114,7 @@ content:
title="CLI"
description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
- url="/#"
+ url="/foo/dd"
label="Link"
/>
```
@@ -124,7 +124,7 @@ content:
@@ -257,7 +257,7 @@ Example using `DefaultCard` in `Grid` wrapper.
```jsx
```
@@ -265,7 +265,7 @@ Example using `DefaultCard` in `Grid` wrapper.
**Render**
@@ -308,7 +308,6 @@ Example using `DefaultCard` in `Grid` wrapper.
---
-
## Log (Changelog)
🧩 This functionnality uses **MDX** files.
@@ -334,7 +333,7 @@ At top of `.mdx` file, you MUST add data in frontmatter:
```
---
-title: Migration to the new Object Storage backend (HIVE) for all regions
+title: Migration to the new S3 backend (HIVE) for all regions
status: changed
author:
fullname: 'Join the #container-registry channel on Slack.'
@@ -459,7 +458,7 @@ Props:
productName="Instances"
productLogo="instances"
description="Lorem ipsum..."
- url="/#"
+ url="/instances/quickstart"
label="Instances quickstart"
/>
```
@@ -470,7 +469,7 @@ Props:
productName="ProductHeader"
productLogo="cli"
description="ProductName quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
- url="/#"
+ url="/instances/quickstart"
label="Instances quickstart"
/>
@@ -479,7 +478,7 @@ Props:
@@ -500,7 +499,7 @@ The `icon` names are not random ones they come from Ultraviolet lib.
icon="rocket"
description="lorem ipsum dolor sit amet, consectetur adipiscing elit in in part of the description"
label="Read More"
- url="/#"
+ url="/hello/foo/"
/>
```
@@ -512,7 +511,7 @@ The `icon` names are not random ones they come from Ultraviolet lib.
icon="rocket"
description="Learn how to create, manage and delete a Kubernetes cluster in a few steps."
label="Read More"
- url="/#"
+ url="/compute/bare-metal-cloud/quickstart/"
/>
@@ -556,4 +555,88 @@ Here is a list of current Ultraviolet illustrations available
Here is a list of current Ultraviolet product icons available
----
\ No newline at end of file
+
+---
+
+## GuideFlow Integration
+
+
+
+
+## StoryLane Integration
+
+
+
+---
+
+## Illustration Cards
+
+Here is an example of a card component using illustrations with its troubleshooting link and automatically placed due to `IllustrationCardsContainer` wrapping each manually added cards.
+
+```jsx
+
+
+
+
+
+
+
+```
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+---