carbon-components-svelte/src/Breadcrumb/BreadcrumbItem.svelte

<script>
  export let href = undefined;
  export let isCurrentPage = false;

  import { Link } from "../Link";
</script>

<li
  class:bx--breadcrumb-item={true}
  class:bx--breadcrumb-item--current={isCurrentPage && $$restProps['aria-current'] !== 'page'}
  {...$$restProps}
  on:click
  on:mouseover
  on:mouseenter
  on:mouseleave>
  {#if href}
    <Link {href} aria-current={$$restProps['aria-current']}>
      <slot />
    </Link>
  {:else}
    <slot
      props={{ 'aria-current': $$restProps['aria-current'], class: 'bx--link' }} />
  {/if}
</li>