diff --git a/src/AppMenu.vue b/src/AppMenu.vue
index cbfb7eeb5..f14686518 100644
--- a/src/AppMenu.vue
+++ b/src/AppMenu.vue
@@ -29,6 +29,7 @@
                         <router-link to="/textarea">&#9679; Textarea</router-link>
                         <router-link to="/togglebutton">&#9679; ToggleButton</router-link>
                         <router-link to="/tristatecheckbox">&#9679; TriCheckbox</router-link>
+                        <router-link to="/inputmask">&#9679; InputMask</router-link>
                     </div>
                 </div>
             </transition>
diff --git a/src/main.js b/src/main.js
index 6c84e0b49..3c490629c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -54,6 +54,7 @@ import ToastService from './components/toast/ToastService';
 import Toolbar from './components/toolbar/Toolbar';
 import ToggleButton from './components/togglebutton/ToggleButton';
 import TriStateCheckbox from './components/tristatecheckbox/TriStateCheckbox';
+import InputMask from './components/inputmask/InputMask';
 import ValidationMessage from './components/validationmessage/ValidationMessage';
 
 import CodeHighlight from './views/codehighlight/CodeHighlight';
@@ -122,6 +123,7 @@ Vue.component('ToggleButton', ToggleButton);
 Vue.component('Tree', Tree);
 Vue.component('TreeTable', TreeTable);
 Vue.component('TriStateCheckbox', TriStateCheckbox);
+Vue.component('InputMask', InputMask);
 Vue.component('ValidationMessage', ValidationMessage);
 
 Vue.component('CodeHighlight', CodeHighlight);
diff --git a/src/router.js b/src/router.js
index 471bf0662..e76dfd1f2 100644
--- a/src/router.js
+++ b/src/router.js
@@ -231,6 +231,11 @@ export default new Router({
 			name: 'inputtext',
 			component: () => import('./views/inputtext/InputTextDemo.vue')
 		},
+		{
+			path: '/inputmask',
+			name: 'inputmask',
+			component: () => import('./views/inputmask/InputMaskDemo.vue')
+		},
 		{
 			path: '/listbox',
 			name: 'listbox',