fix(breadcrumb): pass aria-current prop to Link

This commit is contained in:
Eric Liu 2019-12-18 09:50:02 -08:00
commit d978119cc4
2 changed files with 19 additions and 5 deletions

View file

@ -15,17 +15,16 @@
isCurrentPage && ariaCurrent !== 'page' && '--breadcrumb-item--current',
className
);
$: itemProps = { 'aria-current': ariaCurrent, class: cx('--link') };
</script>
{#if href}
<li class={_class} {...props}>
<Link {href} props={itemProps}>
<Link {href} aria-current={ariaCurrent}>
<slot />
</Link>
</li>
{:else}
<li class={_class} {...props}>
<slot props={itemProps} />
<slot props={{ 'aria-current': ariaCurrent, class: cx('--link') }} />
</li>
{/if}

View file

@ -17,11 +17,26 @@
</script>
{#if disabled}
<p on:click on:mouseover on:mouseenter on:mouseleave {style} class={_class}>
<p
on:click
on:mouseover
on:mouseenter
on:mouseleave
{style}
aria-current={$$props['aria-current']}
class={_class}>
<slot />
</p>
{:else}
<a on:click on:mouseover on:mouseenter on:mouseleave {style} class={_class} {href}>
<a
on:click
on:mouseover
on:mouseenter
on:mouseleave
{style}
aria-current={$$props['aria-current']}
class={_class}
{href}>
<slot />
</a>
{/if}