mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 02:41:05 +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

15
src/components/UIShell/GlobalHeader/HeaderActionLink.svelte
View file

@ -3,8 +3,8 @@
export let type = undefined;
export let icon = undefined;
export let linkIsActive = undefined;
import { cx } from '../../../lib';
import Icon from '../../Icon/Icon.svelte';
import { Icon } from "../../Icon";
</script>
<style>
@ -15,18 +15,13 @@
justify-content: center;
padding-top: 10px;
}
.subject-divider {
color: #525252;
padding-bottom: 4px;
border-bottom: 1px solid #525252;
margin: 32px 1rem 8px;
}
</style>
<a
aria-label={type}
class={cx('--header__action', linkIsActive && '--header__action--active')}
class:bx--header__action={true}
class:bx--header__action--active={linkIsActive}
class:action-link={true}
{href}>
<Icon {...icon} />
</a>
</a>