starting side nav

src/components/UIShell/UIShell.svelte

@@ -5,16 +5,21 @@
   export let platformName = undefined;
   export let navMenu = undefined;
   export let rightPanel = undefined;
+  export let sideNavMenu = undefined;
 
   import { cx } from '../../lib';
   import UIShellNavWrapper from './UIShellNav/UIShellNavWrapper.svelte';
   import UIShellNavItem from './UIShellNav/UIShellNavItem.svelte';
   import UIShellRightPanel from './UIShellRightPanel/UIShellRightPanel.svelte';
+  import UIShellSideNavWrapper from './UIShellSideNav/UIShellSideNavWrapper.svelte';
+  import UIShellSideNavItem from './UIShellSideNav/UIShellSideNavItem.svelte';
+  import HamburgerMenu from './UIShellSideNav/HamburgerMenu.svelte';
 
   $: ariaLabel = company + (uiShellAriaLabel || $$props['aria-label'] || platformName);
 </script>
 
 <header aria-label={ariaLabel} class={cx('--header')} role="banner">
+  <HamburgerMenu />
   <a class={cx('--header__name')} {href}>
     <span class={cx('--header__name--prefix')}>{company}</span>
     &nbsp;{platformName}
@@ -29,4 +34,9 @@
   {#if rightPanel}
     <UIShellRightPanel {rightPanel} on:inputSearch />
   {/if}
+  {#if sideNavMenu}
+    <UIShellSideNavWrapper>
+      <UIShellSideNavItem />
+    </UIShellSideNavWrapper>
+  {/if}
 </header>