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

Make UI Shell HeaderAction panel transition configurable (#419)

Browse source 
* fix(ui-shell): remove fly transition from hamburger menu

* feat(header-action): make panel transition configurable

* chore: rebuild types, docs

* docs(ui-shell): document transition prop in Header app switcher example
This commit is contained in:
Eric Liu 2020-11-26 17:14:07 -08:00 • committed by GitHub
commit f4c940d5ee
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
31 changed files with 244 additions and 160 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -11,22 +11,20 @@
/** Obtain a reference to the HTML button element */
export let ref = null;
import { fly } from "svelte/transition";
import Close20 from "carbon-icons-svelte/lib/Close20";
import Menu20 from "carbon-icons-svelte/lib/Menu20";
import { Icon } from "../../Icon";
</script>
<button
type="button"
bind:this="{ref}"
type="button"
title="Open menu"
aria-label="{ariaLabel}"
class:bx--header__action="{true}"
class:bx--header__menu-trigger="{true}"
class:bx--header__menu-toggle="{true}"
{...$$restProps}
transition:fly="{{ x: -200, delay: 50, duration: 250 }}"
on:click
on:click="{() => (isOpen = !isOpen)}"
>