refactor(components): remove exported "props"

Closes #17

- Forward events
- Adds style prop, removes exported props
This commit is contained in:
Eric Liu 2019-12-22 09:29:45 -08:00
commit 1286b9901d
31 changed files with 120 additions and 105 deletions

View file

@ -3,14 +3,13 @@
export { className as class };
export let href = undefined;
export let isCurrentPage = false;
export let props = {};
export let style = undefined;
import { cx } from '../../lib';
import Link from '../Link';
const ariaCurrent = $$props['aria-current'];
$: _class = cx(
const _class = cx(
'--breadcrumb-item',
isCurrentPage && ariaCurrent !== 'page' && '--breadcrumb-item--current',
className
@ -18,13 +17,13 @@
</script>
{#if href}
<li class={_class} {...props}>
<li on:click on:mouseover on:mouseenter on:mouseleave class={_class} {style}>
<Link {href} aria-current={ariaCurrent}>
<slot />
</Link>
</li>
{:else}
<li class={_class} {...props}>
<li on:click on:mouseover on:mouseenter on:mouseleave class={_class} {style}>
<slot props={{ 'aria-current': ariaCurrent, class: cx('--link') }} />
</li>
{/if}