diff --git a/docs/en/framework/ui/angular/images/grouped-menu-mobile.png b/docs/en/framework/ui/angular/images/grouped-menu-mobile.png
new file mode 100644
index 0000000000..9c2e176437
Binary files /dev/null and b/docs/en/framework/ui/angular/images/grouped-menu-mobile.png differ
diff --git a/docs/en/framework/ui/angular/images/grouped-menu.png b/docs/en/framework/ui/angular/images/grouped-menu.png
new file mode 100644
index 0000000000..f5b079796a
Binary files /dev/null and b/docs/en/framework/ui/angular/images/grouped-menu.png differ
diff --git a/docs/en/framework/ui/angular/modifying-the-menu.md b/docs/en/framework/ui/angular/modifying-the-menu.md
index 10f35909bf..ef5e12782f 100644
--- a/docs/en/framework/ui/angular/modifying-the-menu.md
+++ b/docs/en/framework/ui/angular/modifying-the-menu.md
@@ -344,3 +344,16 @@ export class AppComponent {
 
 * Patched the languages dropdown element with new `requiredPolicy` and new `order`.
 * Removed the current user dropdown element.
+
+## Grouped Menu (Pro)
+
+**This feature is only applied for [LeptonX](https://abp.io/docs/latest/themes/lepton-x/angular) theme**
+
+### Web
+
+![groupped-menu](./images/grouped-menu.png)
+
+
+### Mobile
+
+![groupped-menu-mobile](./images/grouped-menu-mobile.png)