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
+
+🧩  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.