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

feat(ui-shell): conditionally render icon markup

Browse source
This commit is contained in:
Eric Liu 2020-07-24 17:18:55 -07:00
commit b255dd9f99
2 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/UIShell/SideNav/SideNavLink.svelte
View file

@ -15,11 +15,13 @@
class:bx--side-nav__link--current={isSelected} class:bx--side-nav__link--current={isSelected}
{...$$restProps} {...$$restProps}
on:click> on:click>
<div class:bx--side-nav__icon={true} class:bx--side-nav__icon--small={true}> {#if icon}
{#if icon} <div
class:bx--side-nav__icon={true}
class:bx--side-nav__icon--small={true}>
<Icon {...icon} /> <Icon {...icon} />
{/if} </div>
</div> {/if}
<span class:bx--side-nav__link-text={true}>{text}</span> <span class:bx--side-nav__link-text={true}>{text}</span>
</a> </a>
</li> </li>

10
src/UIShell/SideNav/SideNavMenu.svelte
View file

@ -7,7 +7,7 @@
import { Icon } from "../../Icon"; import { Icon } from "../../Icon";
</script> </script>
<li class:bx--side-nav__item={true} class:bx--side-nav__item--icon={true}> <li class:bx--side-nav__item={true} class:bx--side-nav__item--icon={icon}>
<button <button
type="button" type="button"
aria-haspopup="true" aria-haspopup="true"
@ -18,11 +18,11 @@
on:click={() => { on:click={() => {
expanded = !expanded; expanded = !expanded;
}}> }}>
<div class:bx--side-nav__icon={true}> {#if icon}
{#if icon} <div class:bx--side-nav__icon={true}>
<Icon {...icon} /> <Icon {...icon} />
{/if} </div>
</div> {/if}
<span class:bx--side-nav__submenu-title={true}>{text}</span> <span class:bx--side-nav__submenu-title={true}>{text}</span>
<div <div
class:bx--side-nav__icon={true} class:bx--side-nav__icon={true}