diff --git a/demo/demo.vue b/demo/demo.vue
index 18a121569..8cf3491b8 100644
--- a/demo/demo.vue
+++ b/demo/demo.vue
@@ -147,6 +147,10 @@ export default {
             {
               name: 'RouterDebug',
               path: '/n-router-debug'
+            },
+            {
+              name: 'ModalDebug',
+              path: '/n-modal-debug'
             }
           ]
         }
diff --git a/demo/index.js b/demo/index.js
index 042ca2e5f..69b1c627e 100644
--- a/demo/index.js
+++ b/demo/index.js
@@ -37,6 +37,7 @@ import demo from './demo'
 
 import popoverDebug from './debugComponents/popoverDebug'
 import routerDebug from './debugComponents/routerDebug'
+import modalDebug from './debugComponents/modalDebug'
 
 Vue.use(NaiveUI)
 Vue.use(VueRouter)
@@ -83,7 +84,8 @@ const routes = [
       { path: '/n-radio', component: radioDemo },
       { path: '/n-form', component: formDemo },
       { path: '/n-time-picker', component: timePickerDemo },
-      { path: '/n-router-debug', component: routerDebug }
+      { path: '/n-router-debug', component: routerDebug },
+      { path: '/n-modal-debug', component: modalDebug }
     ]
   },
   {