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

feat(ui-shell): add Close/AppSwitcher as default HeaderAction icons

Browse source
This commit is contained in:
Eric Liu 2020-09-04 17:05:55 -07:00
commit 5f62cdeb82
2 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/UIShell/GlobalHeader/HeaderAction.svelte
View file

@ -24,9 +24,11 @@
*/ */
export let ref = null; export let ref = null;
import { Icon } from "../../Icon";
import { createEventDispatcher } from "svelte"; import { createEventDispatcher } from "svelte";
import { slide } from "svelte/transition"; import { slide } from "svelte/transition";
import Close20 from "carbon-icons-svelte/lib/Close20";
import AppSwitcher20 from "carbon-icons-svelte/lib/AppSwitcher20";
import { Icon } from "../../Icon";
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
@ -70,7 +72,7 @@
isOpen = !isOpen; isOpen = !isOpen;
dispatch(isOpen ? 'open' : 'close'); dispatch(isOpen ? 'open' : 'close');
}}"> }}">
<Icon {...icon} /> <Icon render="{isOpen ? Close20 : AppSwitcher20}" {...icon} />
<slot name="text"> <slot name="text">
{#if text}<span>{text}</span>{/if} {#if text}<span>{text}</span>{/if}
</slot> </slot>

1
src/UIShell/UIShell.Story.svelte
View file

@ -193,7 +193,6 @@
<HeaderUtilities> <HeaderUtilities>
<HeaderAction <HeaderAction
type="Switcher" type="Switcher"
icon="{isOpen ? iAccount : iSwitcher}"
bind:isOpen bind:isOpen
on:open="{() => { on:open="{() => {
console.log('on:open'); console.log('on:open');