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', isCurrentPage && ariaCurrent !== 'page' && '--breadcrumb-item--current',
className className
); );
$: itemProps = { 'aria-current': ariaCurrent, class: cx('--link') };
</script> </script>
{#if href} {#if href}
<li class={_class} {...props}> <li class={_class} {...props}>
<Link {href} props={itemProps}> <Link {href} aria-current={ariaCurrent}>
<slot /> <slot />
</Link> </Link>
</li> </li>
{:else} {:else}
<li class={_class} {...props}> <li class={_class} {...props}>
<slot props={itemProps} /> <slot props={{ 'aria-current': ariaCurrent, class: cx('--link') }} />
</li> </li>
{/if} {/if}

View file

@ -17,11 +17,26 @@
</script> </script>
{#if disabled} {#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 /> <slot />
</p> </p>
{:else} {: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 /> <slot />
</a> </a>
{/if} {/if}