From abc66248f841656c4999817d38c6788ab482b10b Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 1 Aug 2020 15:56:52 -0700
Subject: [PATCH] feat(ui-shell): add Header skip-to-main-content slot

---
 src/UIShell/GlobalHeader/Header.svelte | 1 +
 src/UIShell/UIShell.Story.svelte       | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/UIShell/GlobalHeader/Header.svelte b/src/UIShell/GlobalHeader/Header.svelte
index 897b3905..f43fbdff 100644
--- a/src/UIShell/GlobalHeader/Header.svelte
+++ b/src/UIShell/GlobalHeader/Header.svelte
@@ -43,6 +43,7 @@
 <svelte:window bind:innerWidth={winWidth} />
 
 <header role="banner" aria-label={ariaLabel} class:bx--header={true}>
+  <slot name="skip-to-main-content" />
   {#if winWidth < 1056}
     <HamburgerMenu bind:isOpen={isSideNavOpen} />
   {/if}
diff --git a/src/UIShell/UIShell.Story.svelte b/src/UIShell/UIShell.Story.svelte
index b8147348..42f47fc9 100644
--- a/src/UIShell/UIShell.Story.svelte
+++ b/src/UIShell/UIShell.Story.svelte
@@ -129,7 +129,9 @@
 
 {#if story === 'header'}
   <Header {...$$props} company={undefined}>
-    <SkipToContent />
+    <div slot="skip-to-main-content">
+      <SkipToContent />
+    </div>
     <span slot="platform" class="platform-name">
       Platform Name
       <small>1.12.2</small>