Fixing docz

platform/ui/index.js

@@ -13,7 +13,7 @@ export {
   Icon,
   IconButton,
   Input,
-  NavBag,
+  NavBar,
   Select,
   Svg,
   ThemeWrapper,

platform/ui/src/components/NavBar/NavBag.mdx

@@ -1,26 +0,0 @@
----
-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
-
-<Playground>
-  <NavBag />
-</Playground>
-
-## Properties
-
-<Props of={NavBag} />

platform/ui/src/components/NavBar/NavBar.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
-const NavBag = ({ className, children }) => {
+const NavBar = ({ className, children }) => {
   return (
     <div
       className={classnames(
@@ -15,9 +15,9 @@ const NavBag = ({ className, children }) => {
   );
 };
 
-NavBag.propTypes = {
+NavBar.propTypes = {
   className: PropTypes.string,
   children: PropTypes.node,
 };
 
-export default NavBag;
+export default NavBar;

platform/ui/src/components/NavBar/NavBar.mdx

@@ -0,0 +1,32 @@
+---
+name: NavBar
+menu: Components
+route: components/navBar
+---
+
+import { Playground, Props } from 'docz';
+import Button from './../Button';
+import Typography from './../Typography';
+import NavBar from './';
+
+# NavBar
+
+## Import
+
+```javascript
+import { NavBar } from '@ohif/ui';
+```
+
+## Basic usage
+
+<Playground>
+  <NavBar className="justify-center">
+    <Typography variant="h3" className="m-2">
+      Header content
+    </Typography>
+  </NavBar>
+</Playground>
+
+## Properties
+
+<Props of={NavBar} />

platform/ui/src/components/NavBar/index.js

@@ -1,2 +1,2 @@
-import NavBag from './NavBag';
+import NavBar from './NavBar';
-export default NavBag;
+export default NavBar;

platform/ui/src/components/index.js

@@ -4,7 +4,7 @@ import DateRange from './DateRange';
 import Icon from './Icon';
 import IconButton from './IconButton';
 import Input from './Input';
-import NavBag from './NavBag';
+import NavBar from './NavBar';
 import Select from './Select';
 import Svg from './Svg';
 import ThemeWrapper from './ThemeWrapper/';
@@ -17,7 +17,7 @@ export {
   Icon,
   IconButton,
   Input,
-  NavBag,
+  NavBar,
   Select,
   Svg,
   ThemeWrapper,