+
+ EuiNavDrawer provides a side navigation feature that
+ is complete with interactions and a mobile-friendly design. It can
+ contain one or more EuiNavDrawerGroup components and is
+ designed to be used in conjunction with EuiHeader.
+
+
+
+ Providing a flyoutMenu prop on
+ the listItems object of
+ an EuiNavDrawerGroup will result in that link
+ opening a secondary menu. Note that this will also override
+ the onClick event. See sample data in the Demo JS tab.
+
+
+
),
+ snippet: navDrawerSnippet,
props: {
EuiNavDrawer,
},
diff --git a/src/components/index.js b/src/components/index.js
index b62b5953f65..01ac47f3f3f 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -230,7 +230,7 @@ export {
export {
EuiNavDrawer,
- EuiNavDrawerMenu,
+ EuiNavDrawerGroup,
EuiNavDrawerFlyout,
} from './nav_drawer';
diff --git a/src/components/list_group/__snapshots__/list_group_item.test.js.snap b/src/components/list_group/__snapshots__/list_group_item.test.js.snap
index 1b34c68b527..edcd1a84d0e 100644
--- a/src/components/list_group/__snapshots__/list_group_item.test.js.snap
+++ b/src/components/list_group/__snapshots__/list_group_item.test.js.snap
@@ -9,6 +9,7 @@ exports[`EuiListGroupItem is rendered 1`] = `
>