diff --git a/gatsby-config.js b/gatsby-config.js
index e01e4c0..0add1e3 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -187,6 +187,10 @@ module.exports = {
             title: "Custom Form Element Rendering",
             path: "/services/aem-cf-editor/api/custom-fields/"
           },
+          {
+            title: "Custom panels in Properties Rail",
+            path: "/services/aem-cf-editor/api/side-rail/"
+          },
           {
             title: "Setting Default Field Properties",
             path: "/services/aem-cf-editor/api/field-properties"
diff --git a/src/pages/services/aem-cf-editor/api/index.md b/src/pages/services/aem-cf-editor/api/index.md
index b0de91e..1bb5f98 100644
--- a/src/pages/services/aem-cf-editor/api/index.md
+++ b/src/pages/services/aem-cf-editor/api/index.md
@@ -60,3 +60,7 @@ Learn about modal host API methods that can be used in any extension
 [Custom form element rendering](custom-fields)
 
 Learn how to customize a form field rendering
+
+[Properties Rail](side-rail)
+
+Explore the ways to extend and customize Properties Rail in CF Editor.