diff --git a/platform/ui/index.js b/platform/ui/index.js
index 6990c8d25..e6ba5389f 100644
--- a/platform/ui/index.js
+++ b/platform/ui/index.js
@@ -12,9 +12,10 @@ export {
DateRange,
Icon,
IconButton,
+ Input,
+ NavBag,
Select,
Svg,
- Input,
ThemeWrapper,
Typography,
} from './src/components';
diff --git a/platform/ui/src/components/NavBar/NavBag.jsx b/platform/ui/src/components/NavBar/NavBag.jsx
new file mode 100644
index 000000000..bf5550e8a
--- /dev/null
+++ b/platform/ui/src/components/NavBar/NavBag.jsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+const NavBag = ({}) => {
+ return <>>;
+};
+
+export default NavBag;
diff --git a/platform/ui/src/components/NavBar/NavBag.mdx b/platform/ui/src/components/NavBar/NavBag.mdx
new file mode 100644
index 000000000..f17e1dbf3
--- /dev/null
+++ b/platform/ui/src/components/NavBar/NavBag.mdx
@@ -0,0 +1,26 @@
+---
+name: NavBag
+menu: Components
+route: components/label
+---
+
+import { Playground, Props } from 'docz';
+import NavBag from './';
+
+# NavBag
+
+## Import
+
+```javascript
+import { NavBag } from '@ohif/ui';
+```
+
+## Basic usage
+
+
+
+
+
+## Properties
+
+
diff --git a/platform/ui/src/components/NavBar/index.js b/platform/ui/src/components/NavBar/index.js
new file mode 100644
index 000000000..58571cd24
--- /dev/null
+++ b/platform/ui/src/components/NavBar/index.js
@@ -0,0 +1,2 @@
+import NavBag from './NavBag';
+export default NavBag;
diff --git a/platform/ui/src/components/index.js b/platform/ui/src/components/index.js
index 0d0721238..31b732ce5 100644
--- a/platform/ui/src/components/index.js
+++ b/platform/ui/src/components/index.js
@@ -4,6 +4,7 @@ import DateRange from './DateRange';
import Icon from './Icon';
import IconButton from './IconButton';
import Input from './Input';
+import NavBag from './NavBag';
import Select from './Select';
import Svg from './Svg';
import ThemeWrapper from './ThemeWrapper/';
@@ -16,6 +17,7 @@ export {
Icon,
IconButton,
Input,
+ NavBag,
Select,
Svg,
ThemeWrapper,