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

feat(header-action): make panel transition configurable

Browse source
This commit is contained in:
Eric Liu 2020-11-26 16:31:01 -08:00
commit ba36ee6068
3 changed files with 19 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/HeaderSwitcher.test.svelte
View file

@ -27,7 +27,7 @@
<SkipToContent />
</div>
<HeaderUtilities>
<HeaderAction bind:isOpen>
<HeaderAction bind:isOpen transition="{false}">
<HeaderPanelLinks>
<HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>
<HeaderPanelLink>Switcher item 1</HeaderPanelLink>

6
tests/HeaderUtilities.test.svelte
View file

@ -20,6 +20,7 @@
Column,
} from "../types";
import SettingsAdjust20 from "carbon-icons-svelte/lib/SettingsAdjust20";
import { quintOut } from "svelte/easing";
let isSideNavOpen = false;
let isOpen = false;
@ -32,7 +33,10 @@
<HeaderUtilities>
<HeaderActionSearch />
<HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust20}" />
<HeaderAction bind:isOpen>
<HeaderAction
bind:isOpen
transition="{{ duration: 400, easing: quintOut }}"
>
<HeaderPanelLinks>
<HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>
<HeaderPanelLink>Switcher item 1</HeaderPanelLink>