feat(breadcrumb)!: integrate Breadcrumb with v11

This commit is contained in:
Eric Liu 2024-04-21 12:08:24 -07:00
commit 4a0534cc27
10 changed files with 94 additions and 154 deletions

View file

@ -1,4 +1,6 @@
<script>
// @ts-check
/** Set to `true` to hide the breadcrumb trailing slash */
export let noTrailingSlash = false;
@ -6,19 +8,13 @@
export let count = 3;
</script>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div
class:bx--skeleton="{true}"
class:bx--breadcrumb="{true}"
class:bx--breadcrumb--no-trailing-slash="{noTrailingSlash}"
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
{#each Array.from({ length: count }, (_, i) => i) as item (item)}
{#each Array.from({ length: count }) as item}
<div class:bx--breadcrumb-item="{true}">
<span class:bx--link="{true}">&nbsp;</span>
</div>