Adds side nav component (EuiNavDrawer) (#1427)

* initial commit * adds secondary menu * more complete example * make focus background full width * improved example * moves nav outside of EuiPage * incorporating prototype feedback * adds mobile nav * ie and edge fixes * adjust euiheader size to match side nav * update docs * fix scrollbar behavior * add delay to show scrollbar * addresses some feedback * close mobile nav with outside click * makes menu and flyout scroll separately * clean up flyout props * collapse drawer upon tab out * scroll to top, scroll styles, reuse header vars * tidy up header and nav size variables * Trap & release focus in EuiNavDrawerFlyout * Revert "Trap & release focus in EuiNavDrawerFlyout" This reverts commit 680a0fb.
elastic · Jan 16, 2019 · 1a9890e · 1a9890e
1 parent 28b7ccb
commit 1a9890e
Show file tree

Hide file tree

Showing 20 changed files with 1,040 additions and 17 deletions.
diff --git a/src-docs/src/routes.js b/src-docs/src/routes.js
@@ -171,6 +171,9 @@ import { ModalExample }
 import { MutationObserverExample }
   from './views/mutation_observer/mutation_observer_example';
 
+import { NavDrawerExample }
+  from './views/nav_drawer/nav_drawer_example';
+
 import { OutsideClickDetectorExample }
   from './views/outside_click_detector/outside_click_detector_example';
 
@@ -335,6 +338,7 @@ const navigation = [{
     HeaderExample,
     HorizontalRuleExample,
     ModalExample,
+    NavDrawerExample,
     PageExample,
     PanelExample,
     PopoverExample,