mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
fix(breadcrumb): pass aria-current prop to Link
This commit is contained in:
parent
42f01372f0
commit
d978119cc4
2 changed files with 19 additions and 5 deletions
|
@ -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}
|
||||||
|
|
|
@ -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}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue