diff --git a/packages/core/src/components/cv-button/cv-icon-button.vue b/packages/core/src/components/cv-button/cv-icon-button.vue
index 571bef318..b4e4b9267 100644
--- a/packages/core/src/components/cv-button/cv-icon-button.vue
+++ b/packages/core/src/components/cv-button/cv-icon-button.vue
@@ -13,8 +13,9 @@
type="button"
>
{{ label }}
-
-
+
+
+
diff --git a/packages/core/src/components/cv-ui-shell/cv-header-global-action.vue b/packages/core/src/components/cv-ui-shell/cv-header-global-action.vue
index baaba959c..53d6ca960 100644
--- a/packages/core/src/components/cv-ui-shell/cv-header-global-action.vue
+++ b/packages/core/src/components/cv-ui-shell/cv-header-global-action.vue
@@ -1,5 +1,5 @@
-
+
+
+
+
diff --git a/packages/core/src/components/cv-ui-shell/cv-ui-shell-notes.md b/packages/core/src/components/cv-ui-shell/cv-ui-shell-notes.md
index 2409402f0..3863ca2ac 100644
--- a/packages/core/src/components/cv-ui-shell/cv-ui-shell-notes.md
+++ b/packages/core/src/components/cv-ui-shell/cv-ui-shell-notes.md
@@ -176,6 +176,7 @@ Can be added either into the headers 'left-panels' slot or stand alone.
L2 menu item
+
L2 menu item
@@ -183,6 +184,7 @@ Can be added either into the headers 'left-panels' slot or stand alone.
L2 menu item
+
diff --git a/packages/core/src/components/cv-ui-shell/index.js b/packages/core/src/components/cv-ui-shell/index.js
index e0842b149..3ff1d3a6b 100644
--- a/packages/core/src/components/cv-ui-shell/index.js
+++ b/packages/core/src/components/cv-ui-shell/index.js
@@ -13,6 +13,7 @@ import CvSideNavLink from './cv-side-nav-link';
import CvSideNavMenuItem from './cv-side-nav-menu-item';
import CvSideNavMenu from './cv-side-nav-menu';
import CvSideNav from './cv-side-nav';
+import CvSideNavDivider from './cv-side-nav-divider';
import CvSkipToContent from './cv-skip-to-content';
import CvSwitcherItemLink from './cv-switcher-item-link';
import CvSwitcherItem from './cv-switcher-item';
@@ -31,6 +32,7 @@ export {
CvHeaderSideNavItems,
CvHeader,
CvSideNav,
+ CvSideNavDivider,
CvSideNavIcon,
CvSideNavItems,
CvSideNavLink,
diff --git a/packages/core/src/index.js b/packages/core/src/index.js
index 5517ff6af..82c39095c 100644
--- a/packages/core/src/index.js
+++ b/packages/core/src/index.js
@@ -96,6 +96,7 @@ export {
CvSideNavMenuItem,
CvSideNavMenu,
CvSideNav,
+ CvSideNavDivider,
CvSkipToContent,
CvSwitcherItemLink,
CvSwitcherItem,
diff --git a/storybook/stories/cv-ui-shell-story.js b/storybook/stories/cv-ui-shell-story.js
index af0175bfe..d940e5169 100644
--- a/storybook/stories/cv-ui-shell-story.js
+++ b/storybook/stories/cv-ui-shell-story.js
@@ -18,6 +18,7 @@ import {
CvHeaderNav,
CvHeaderPanel,
CvSideNav,
+ CvSideNavDivider,
CvSideNavItems,
CvSideNavLink,
CvSideNavMenu,
@@ -97,17 +98,32 @@ const preKnobs = {
+ @click="actionNotifications"
+ label="Notifications"
+ tipPosition="bottom"
+ tipAlignment="start"
+ >
-
+
+ @click="actionAppSwitcher"
+ label="App switcher"
+ tipPosition="bottom"
+ tipAlignment="end"
+ >
`,
@@ -180,10 +196,12 @@ const preKnobs = {
L2 menu item
+
L2 menu item
+
L2 menu item
@@ -613,6 +631,7 @@ ${settings.group.leftPanels2}
CvHeaderMenuItem,
CvHeaderMenuButton,
CvSideNav,
+ CvSideNavDivider,
CvSideNavLink,
CvSideNavMenu,
CvSideNavItems,