mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 03:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Updating the docs for UIShell, using 'open' insted of 'isOpen'

Browse source
This commit is contained in:
Davi Seidel Brandão 2024-01-02 17:56:52 -03:00
commit eeb27fc312
6 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/src/pages/components/UIShell.svx
View file

@ -69,4 +69,4 @@ You can disable the `transition` by setting it to `false`.
## Header with persisted hamburger menu ## Header with persisted hamburger menu
<FileSource src="/framed/UIShell/PersistedHamburgerMenu" /> <FileSource src="/framed/UIShell/PersistedHamburgerMenu" />

2
docs/src/pages/framed/UIShell/HeaderNav.svelte
View file

@ -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" />

2
docs/src/pages/framed/UIShell/HeaderNavRail.svelte
View file

@ -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="/" />

6
docs/src/pages/framed/UIShell/HeaderSwitcher.svelte
View file

@ -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" />

6
docs/src/pages/framed/UIShell/HeaderUtilities.svelte
View file

@ -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" />

2
docs/src/pages/framed/UIShell/PersistedHamburgerMenu.svelte
View file

@ -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" />