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

hamburger menu working

Browse source
This commit is contained in:
adan.ulloa 2020-01-13 19:01:37 -06:00
commit 2746249d98
3 changed files with 33 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/UIShell/UIShellSideNav/HamburgerMenu.svelte
View file

@ -1,13 +1,13 @@
<script>
export let ariaLabel = undefined;
export let isOpen = false;
import { cx } from '../../../lib';
import Menu20 from 'carbon-icons-svelte/lib/Menu20';
import Icon from '../../Icon/Icon.svelte';
import { fly } from "svelte/transition";
import { closeIcon } from '../constants';
let isOpen = false;
$: iconProps = !isOpen ? {
class: undefined,
skeleton: false,
@ -20,6 +20,7 @@
</script>
<button
transition:fly={{ x: -200, delay: 50, duration: 250 }}
aria-label={ariaLabel}
class={cx('--header__action', '--header__menu-trigger', '--header__menu-toggle')}
title="Open menu"