diff --git a/components/panel.mdx b/components/panel.mdx
new file mode 100644
index 000000000..8b132b1b3
--- /dev/null
+++ b/components/panel.mdx
@@ -0,0 +1,21 @@
+---
+title: 'Panel'
+description: 'Specify the content of the right side panel'
+icon: 'panel-right'
+---
+
+You can use the `<Panel>` component to customize the right side panel of a page with any components that you want.
+
+If a page has a `<Panel>` component, any [`<RequestExample>`](/components/examples#request-example) and [`<ResponseExample>`](/components/examples#response-example) components must be inside `<Panel>`.
+
+The components in a `<Panel>` will replace a page's table of contents.
+
+````md
+<Panel>
+  <Info>Pin info to the side panel. Or add any other component.</Info>
+</Panel>
+````
+
+<Panel>
+  <Info>Pin info to the side panel. Or add any other component.</Info>
+</Panel>
diff --git a/docs.json b/docs.json
index 95ea82880..36f0d30be 100644
--- a/docs.json
+++ b/docs.json
@@ -57,6 +57,7 @@
               "components/frames",
               "components/icons",
               "components/mermaid-diagrams",
+              "components/panel",
               "components/steps",
               "components/tabs",
               "components/tooltips",