diff --git a/ArkUI/entry/src/main/ets/pages/ModalModeDemo.ets b/ArkUI/entry/src/main/ets/pages/ModalModeDemo.ets
new file mode 100644
index 0000000000000000000000000000000000000000..153d3785846173d2ce223ad2a480022c34b46878
--- /dev/null
+++ b/ArkUI/entry/src/main/ets/pages/ModalModeDemo.ets
@@ -0,0 +1,53 @@
+/*
+* Copyright (c) 2025 Huawei Device Co., Ltd.
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+/*
+* FAQ:Tabs如何设置页面margin，使得边距空白跟随页面滑动
+*/
+
+// [Start ModalModeDemo]
+@Entry
+@Component
+struct ModalModeDemo {
+  @Builder
+  MyMenu() {
+    Menu() {
+      MenuItem({ content: "MenuOptionOne" })
+      MenuItem({ content: "MenuOptionTwo" })
+    }
+  }
+
+  build() {
+    Stack({ alignContent: Alignment.Center }) {
+      Column() {
+        Flex({ justifyContent: FlexAlign.SpaceAround, alignItems: ItemAlign.Center }) {
+          Column() {
+            Button("ClickToTrigger,longPressToPopUpMenu")
+              .bindContextMenu(this.MyMenu, ResponseType.LongPress, {
+                modalMode: ModalMode.TARGET_WINDOW,
+                placement: Placement.BottomLeft
+              })
+              .onClick(() => {
+                this.getUIContext().getPromptAction().showToast({
+                  message: "The Click event was triggered."
+                })
+              })
+          }
+        }
+      }
+    }.width('100%').height('100%')
+  }
+}
+// [End ModalModeDemo]
\ No newline at end of file