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

refactor(ui-shell): use $$restProps, remove cx

Browse source
This commit is contained in:
Eric Liu 2020-07-19 06:33:06 -07:00
commit 1e5333dd64
26 changed files with 230 additions and 425 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/UIShell/SideNav/SideNav.svelte
View file

@ -1,14 +1,14 @@
<script>
export let ariaLabel = undefined;
export let isOpen = undefined;
import { cx } from '../../../lib';
$: footerSpanText = isOpen ? 'Open' : 'Close';
</script>
<nav
class={cx('--side-nav__navigation', '--side-nav', '--side-nav--ux', isOpen && '--side-nav--expanded')}
aria-label={ariaLabel}>
aria-label={ariaLabel}
class:bx--side-nav__navigation={true}
class:bx--side-nav={true}
class:bx--side-nav--ux={true}
class:bx--side-nav--expanded={isOpen}
{...$$restProps}>
<slot />
</nav>