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

17
src/components/UIShell/SideNav/SideNavLink.svelte
View file

@ -1,24 +1,25 @@
<script>
export let isSelected = false;
export let href = undefined;
export let text = undefined;
export let icon = undefined;
export let isSelected = false;
import { cx } from '../../../lib';
import Icon from '../../Icon/Icon.svelte';
import { Icon } from "../../Icon";
</script>
<li class={cx('--side-nav__item')}>
<li class:bx--side-nav__item={true}>
<a
{href}
class={cx('--side-nav__link', isSelected && '--side-nav__link--current')}
aria-current={isSelected ? 'page' : ''}
{href}
class:bx--side-nav__link={true}
class:bx--side-nav__link--current={isSelected}
{...$$restProps}
on:click>
<div class={cx('--side-nav__icon', '--side-nav__icon--small')}>
<div class:bx--side-nav__icon={true} class:bx--side-nav__icon--small={true}>
{#if icon}
<Icon {...icon} />
{/if}
</div>
<span class={cx('--side-nav__link-text')}>{text}</span>
<span class:bx--side-nav__link-text={true}>{text}</span>
</a>
</li>