This commit is contained in:
Davi Seidel Brandão 2024-03-08 04:35:32 +00:00 committed by GitHub
commit 20ea4fe8c2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
15 changed files with 40 additions and 40 deletions

View file

@ -4897,7 +4897,7 @@
"filePath": "src/UIShell/HeaderAction.svelte",
"props": [
{
"name": "isOpen",
"name": "open",
"kind": "let",
"description": "Set to `true` to open the panel",
"type": "boolean",
@ -10733,7 +10733,7 @@
"reactive": false
},
{
"name": "isOpen",
"name": "open",
"kind": "let",
"description": "Set to `true` to toggle the expanded state",
"type": "boolean",

View file

@ -46,7 +46,7 @@
let active = false;
$: results = miniSearch.search(value).slice(0, 10);
let isOpen = false;
let open = false;
let isSideNavOpen = true;
let innerWidth = 2048;
@ -121,7 +121,7 @@
href="https://github.com/carbon-design-system/carbon-components-svelte"
target="_blank"
/>
<HeaderAction transition="{false}" bind:isOpen>
<HeaderAction transition="{false}" bind:open>
<HeaderPanelLinks>
<HeaderPanelDivider>Carbon Svelte portfolio</HeaderPanelDivider>
<HeaderPanelLink
@ -156,7 +156,7 @@
</HeaderUtilities>
</Header>
<SideNav bind:isOpen="{isSideNavOpen}">
<SideNav bind:open="{isSideNavOpen}">
<SideNavItems>
{#each components.children.filter((child) => !deprecated.includes(child.title)) as child (child.path)}
<SideNavMenuItem

View file

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

View file

@ -37,7 +37,7 @@
</HeaderNav>
</Header>
<SideNav bind:isOpen="{isSideNavOpen}">
<SideNav bind:open="{isSideNavOpen}">
<SideNavItems>
<SideNavLink text="Link 1" />
<SideNavLink text="Link 2" />

View file

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

View file

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

View file

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

View file

@ -40,7 +40,7 @@
</HeaderNav>
</Header>
<SideNav bind:isOpen="{isSideNavOpen}">
<SideNav bind:open="{isSideNavOpen}">
<SideNavItems>
<SideNavLink text="Link 1" />
<SideNavLink text="Link 2" />