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

breaking(ui-shell): remove GlobalHeader, SideNav folders (#1223)

Browse source 
* breaking(ui-shell): remove GlobalHeader/SideNav folders

* Run "yarn build:docs"
This commit is contained in:
metonym 2022-04-02 11:46:55 -07:00 • committed by GitHub
commit 62735d6275
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
34 changed files with 56 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/UIShell/SideNav/HamburgerMenu.svelte
View file

@ -1,45 +0,0 @@
<script>
/**
* Specify the ARIA label for the button
* @type {string}
*/
export let ariaLabel = undefined;
/** Set to `true` to toggle the open state */
export let isOpen = false;
/**
* Specify the icon to render for the closed state
* Defaults to `Menu20`
* @type {typeof import("svelte").SvelteComponent}
*/
export let iconMenu = Menu20;
/**
* Specify the icon to render for the opened state
* Defaults to `Close20`
* @type {typeof import("svelte").SvelteComponent}
*/
export let iconClose = Close20;
/** Obtain a reference to the HTML button element */
export let ref = null;
import Close20 from "../../icons/Close20.svelte";
import Menu20 from "../../icons/Menu20.svelte";
</script>
<button
bind:this="{ref}"
type="button"
title="{ariaLabel}"
aria-label="{ariaLabel}"
class:bx--header__action="{true}"
class:bx--header__menu-trigger="{true}"
class:bx--header__menu-toggle="{true}"
{...$$restProps}
on:click
on:click="{() => (isOpen = !isOpen)}"
>
<svelte:component this="{isOpen ? iconClose : iconMenu}" />
</button>