feat(ui-shell): add HeaderGlobalAction component

This commit is contained in:
Eric Liu 2020-09-05 15:28:10 -07:00
commit 7b3c111b5f
7 changed files with 110 additions and 1 deletions

View file

@ -27,6 +27,7 @@
import HeaderPanelLinks from "./GlobalHeader/HeaderPanelLinks.svelte";
import Content from "./Content.svelte";
import SkipToContent from "./SkipToContent.svelte";
import HeaderGlobalAction from "./HeaderGlobalAction.svelte";
let isSideNavOpen = undefined;
@ -188,6 +189,15 @@
<HeaderActionLink type="Account" icon="{iAccount}" />
</HeaderUtilities>
</Header>
{:else if story === 'header-global-action'}
<Header {...$$props}>
<HeaderUtilities>
<HeaderGlobalAction isActive>
<AppSwitcher20 />
</HeaderGlobalAction>
<HeaderGlobalAction icon="{AppSwitcher20}" />
</HeaderUtilities>
</Header>
{:else if story === 'header-with-switcher'}
<Header {...$$props}>
<HeaderUtilities>