From 5d6aa4f4de052973e531acd8f2d84f37c71a3adb Mon Sep 17 00:00:00 2001
From: Rachid <rachidbensaid01@gmail.com>
Date: Mon, 23 Dec 2024 16:54:52 +0100
Subject: [PATCH] docs(editor-components): add navigation component

---
 components/docs-editor.mdx | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/components/docs-editor.mdx b/components/docs-editor.mdx
index e390001668..b166a2faa7 100644
--- a/components/docs-editor.mdx
+++ b/components/docs-editor.mdx
@@ -10,6 +10,44 @@ content:
 
 ## Buttons
 
+### Navigation
+
+🧩 &nbsp;This component uses a **Tag** style.
+
+**Code example:**
+
+```jsx
+<Navigation>
+  <PreviousButton to="/">Previous</PreviousButton>
+  <NextButton to="/">Next</NextButton>
+</Navigation>
+```
+**Render:**
+
+<Navigation>
+  <PreviousButton to="/">Previous</PreviousButton>
+  <NextButton to="/">Next</NextButton>
+</Navigation>
+
+#### Navigation with title
+
+<Navigation title="See Also">
+  <PreviousButton to="/">Previous</PreviousButton>
+  <NextButton to="/">Next</NextButton>
+</Navigation>
+
+#### Navigation with one button
+
+<Navigation title="See Also">
+  <PreviousButton to="/">Previous</PreviousButton>
+</Navigation>
+
+<Navigation title="See Also">
+  <NextButton to="/">Lorem ipsum dolor sit amet</NextButton>
+</Navigation>
+
+---
+
 ### Steps & StepButton
 
 🧩 &nbsp;This component uses a **Tag** style.