mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-17 03:01:25 +00:00
33 lines
716 B
Svelte
33 lines
716 B
Svelte
<script>
|
|
/**
|
|
* Use anchor link
|
|
* @type {string} [href]
|
|
*/
|
|
export let href = undefined;
|
|
|
|
/**
|
|
* Set to `true` if item is the current page
|
|
* @type {boolean} [isCurrentPage=false]
|
|
*/
|
|
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>
|