diff --git a/docs/src/pages/components/UIShell.svx b/docs/src/pages/components/UIShell.svx
index 507338c3..324a776a 100644
--- a/docs/src/pages/components/UIShell.svx
+++ b/docs/src/pages/components/UIShell.svx
@@ -69,4 +69,4 @@ You can disable the `transition` by setting it to `false`.
 
 ## Header with persisted hamburger menu
 
-<FileSource src="/framed/UIShell/PersistedHamburgerMenu" />
\ No newline at end of file
+<FileSource src="/framed/UIShell/PersistedHamburgerMenu" />
diff --git a/docs/src/pages/framed/UIShell/HeaderNav.svelte b/docs/src/pages/framed/UIShell/HeaderNav.svelte
index 0f8024a3..d6318ad9 100644
--- a/docs/src/pages/framed/UIShell/HeaderNav.svelte
+++ b/docs/src/pages/framed/UIShell/HeaderNav.svelte
@@ -37,7 +37,7 @@
   </HeaderNav>
 </Header>
 
-<SideNav bind:isOpen="{isSideNavOpen}">
+<SideNav bind:open="{isSideNavOpen}">
   <SideNavItems>
     <SideNavLink text="Link 1" />
     <SideNavLink text="Link 2" />
diff --git a/docs/src/pages/framed/UIShell/HeaderNavRail.svelte b/docs/src/pages/framed/UIShell/HeaderNavRail.svelte
index dbd7fb87..e36c6c24 100644
--- a/docs/src/pages/framed/UIShell/HeaderNavRail.svelte
+++ b/docs/src/pages/framed/UIShell/HeaderNavRail.svelte
@@ -38,7 +38,7 @@
   </HeaderNav>
 </Header>
 
-<SideNav bind:isOpen="{isSideNavOpen}" rail>
+<SideNav bind:open="{isSideNavOpen}" rail>
   <SideNavItems>
     <SideNavLink icon="{Fade}" text="Link 1" href="/" isSelected />
     <SideNavLink icon="{Fade}" text="Link 2" href="/" />
diff --git a/docs/src/pages/framed/UIShell/HeaderSwitcher.svelte b/docs/src/pages/framed/UIShell/HeaderSwitcher.svelte
index c06c72a5..86e163e7 100644
--- a/docs/src/pages/framed/UIShell/HeaderSwitcher.svelte
+++ b/docs/src/pages/framed/UIShell/HeaderSwitcher.svelte
@@ -22,7 +22,7 @@
   import { expoIn } from "svelte/easing";
 
   let isSideNavOpen = false;
-  let isOpen = false;
+  let open = false;
   let selected = "0";
   let transitions = {
     "0": {
@@ -45,7 +45,7 @@
     <SkipToContent />
   </svelte:fragment>
   <HeaderUtilities>
-    <HeaderAction bind:isOpen transition="{transitions[selected].value}">
+    <HeaderAction bind:open transition="{transitions[selected].value}">
       <HeaderPanelLinks>
         <HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>
         <HeaderPanelLink>Switcher item 1</HeaderPanelLink>
@@ -60,7 +60,7 @@
   </HeaderUtilities>
 </Header>
 
-<SideNav bind:isOpen="{isSideNavOpen}">
+<SideNav bind:open="{isSideNavOpen}">
   <SideNavItems>
     <SideNavLink text="Link 1" />
     <SideNavLink text="Link 2" />
diff --git a/docs/src/pages/framed/UIShell/HeaderUtilities.svelte b/docs/src/pages/framed/UIShell/HeaderUtilities.svelte
index 3b6d5029..9e8aae2e 100644
--- a/docs/src/pages/framed/UIShell/HeaderUtilities.svelte
+++ b/docs/src/pages/framed/UIShell/HeaderUtilities.svelte
@@ -33,7 +33,7 @@
   <HeaderUtilities>
     <HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust}" />
     <HeaderAction
-      bind:isOpen="{isOpen1}"
+      bind:open="{isOpen1}"
       icon="{UserAvatarFilledAlt}"
       closeIcon="{UserAvatarFilledAlt}"
     >
@@ -50,7 +50,7 @@
         <HeaderPanelLink>Switcher item 1</HeaderPanelLink>
       </HeaderPanelLinks>
     </HeaderAction>
-    <HeaderAction bind:isOpen="{isOpen2}">
+    <HeaderAction bind:open="{isOpen2}">
       <HeaderPanelLinks>
         <HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>
         <HeaderPanelLink>Switcher item 1</HeaderPanelLink>
@@ -65,7 +65,7 @@
   </HeaderUtilities>
 </Header>
 
-<SideNav bind:isOpen="{isSideNavOpen}">
+<SideNav bind:open="{isSideNavOpen}">
   <SideNavItems>
     <SideNavLink text="Link 1" />
     <SideNavLink text="Link 2" />
diff --git a/docs/src/pages/framed/UIShell/PersistedHamburgerMenu.svelte b/docs/src/pages/framed/UIShell/PersistedHamburgerMenu.svelte
index 6bad2c56..8e8264cc 100644
--- a/docs/src/pages/framed/UIShell/PersistedHamburgerMenu.svelte
+++ b/docs/src/pages/framed/UIShell/PersistedHamburgerMenu.svelte
@@ -40,7 +40,7 @@
   </HeaderNav>
 </Header>
 
-<SideNav bind:isOpen="{isSideNavOpen}">
+<SideNav bind:open="{isSideNavOpen}">
   <SideNavItems>
     <SideNavLink text="Link 1" />
     <SideNavLink text="Link 2" />