mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 11:36:36 +00:00
Updating the docs for UIShell, using 'open' insted of 'isOpen'
This commit is contained in:
parent
de0f448ad1
commit
eeb27fc312
6 changed files with 10 additions and 10 deletions
|
@ -37,7 +37,7 @@
|
||||||
</HeaderNav>
|
</HeaderNav>
|
||||||
</Header>
|
</Header>
|
||||||
|
|
||||||
<SideNav bind:isOpen="{isSideNavOpen}">
|
<SideNav bind:open="{isSideNavOpen}">
|
||||||
<SideNavItems>
|
<SideNavItems>
|
||||||
<SideNavLink text="Link 1" />
|
<SideNavLink text="Link 1" />
|
||||||
<SideNavLink text="Link 2" />
|
<SideNavLink text="Link 2" />
|
||||||
|
|
|
@ -38,7 +38,7 @@
|
||||||
</HeaderNav>
|
</HeaderNav>
|
||||||
</Header>
|
</Header>
|
||||||
|
|
||||||
<SideNav bind:isOpen="{isSideNavOpen}" rail>
|
<SideNav bind:open="{isSideNavOpen}" rail>
|
||||||
<SideNavItems>
|
<SideNavItems>
|
||||||
<SideNavLink icon="{Fade}" text="Link 1" href="/" isSelected />
|
<SideNavLink icon="{Fade}" text="Link 1" href="/" isSelected />
|
||||||
<SideNavLink icon="{Fade}" text="Link 2" href="/" />
|
<SideNavLink icon="{Fade}" text="Link 2" href="/" />
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
import { expoIn } from "svelte/easing";
|
import { expoIn } from "svelte/easing";
|
||||||
|
|
||||||
let isSideNavOpen = false;
|
let isSideNavOpen = false;
|
||||||
let isOpen = false;
|
let open = false;
|
||||||
let selected = "0";
|
let selected = "0";
|
||||||
let transitions = {
|
let transitions = {
|
||||||
"0": {
|
"0": {
|
||||||
|
@ -45,7 +45,7 @@
|
||||||
<SkipToContent />
|
<SkipToContent />
|
||||||
</svelte:fragment>
|
</svelte:fragment>
|
||||||
<HeaderUtilities>
|
<HeaderUtilities>
|
||||||
<HeaderAction bind:isOpen transition="{transitions[selected].value}">
|
<HeaderAction bind:open transition="{transitions[selected].value}">
|
||||||
<HeaderPanelLinks>
|
<HeaderPanelLinks>
|
||||||
<HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>
|
<HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>
|
||||||
<HeaderPanelLink>Switcher item 1</HeaderPanelLink>
|
<HeaderPanelLink>Switcher item 1</HeaderPanelLink>
|
||||||
|
@ -60,7 +60,7 @@
|
||||||
</HeaderUtilities>
|
</HeaderUtilities>
|
||||||
</Header>
|
</Header>
|
||||||
|
|
||||||
<SideNav bind:isOpen="{isSideNavOpen}">
|
<SideNav bind:open="{isSideNavOpen}">
|
||||||
<SideNavItems>
|
<SideNavItems>
|
||||||
<SideNavLink text="Link 1" />
|
<SideNavLink text="Link 1" />
|
||||||
<SideNavLink text="Link 2" />
|
<SideNavLink text="Link 2" />
|
||||||
|
|
|
@ -33,7 +33,7 @@
|
||||||
<HeaderUtilities>
|
<HeaderUtilities>
|
||||||
<HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust}" />
|
<HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust}" />
|
||||||
<HeaderAction
|
<HeaderAction
|
||||||
bind:isOpen="{isOpen1}"
|
bind:open="{isOpen1}"
|
||||||
icon="{UserAvatarFilledAlt}"
|
icon="{UserAvatarFilledAlt}"
|
||||||
closeIcon="{UserAvatarFilledAlt}"
|
closeIcon="{UserAvatarFilledAlt}"
|
||||||
>
|
>
|
||||||
|
@ -50,7 +50,7 @@
|
||||||
<HeaderPanelLink>Switcher item 1</HeaderPanelLink>
|
<HeaderPanelLink>Switcher item 1</HeaderPanelLink>
|
||||||
</HeaderPanelLinks>
|
</HeaderPanelLinks>
|
||||||
</HeaderAction>
|
</HeaderAction>
|
||||||
<HeaderAction bind:isOpen="{isOpen2}">
|
<HeaderAction bind:open="{isOpen2}">
|
||||||
<HeaderPanelLinks>
|
<HeaderPanelLinks>
|
||||||
<HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>
|
<HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>
|
||||||
<HeaderPanelLink>Switcher item 1</HeaderPanelLink>
|
<HeaderPanelLink>Switcher item 1</HeaderPanelLink>
|
||||||
|
@ -65,7 +65,7 @@
|
||||||
</HeaderUtilities>
|
</HeaderUtilities>
|
||||||
</Header>
|
</Header>
|
||||||
|
|
||||||
<SideNav bind:isOpen="{isSideNavOpen}">
|
<SideNav bind:open="{isSideNavOpen}">
|
||||||
<SideNavItems>
|
<SideNavItems>
|
||||||
<SideNavLink text="Link 1" />
|
<SideNavLink text="Link 1" />
|
||||||
<SideNavLink text="Link 2" />
|
<SideNavLink text="Link 2" />
|
||||||
|
|
|
@ -40,7 +40,7 @@
|
||||||
</HeaderNav>
|
</HeaderNav>
|
||||||
</Header>
|
</Header>
|
||||||
|
|
||||||
<SideNav bind:isOpen="{isSideNavOpen}">
|
<SideNav bind:open="{isSideNavOpen}">
|
||||||
<SideNavItems>
|
<SideNavItems>
|
||||||
<SideNavLink text="Link 1" />
|
<SideNavLink text="Link 1" />
|
||||||
<SideNavLink text="Link 2" />
|
<SideNavLink text="Link 2" />
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue