Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | <!-- This component is still incomplete. -->
<!-- TODO: https://ldaf.atlassian.net/browse/LDAF-293 -->
<script lang="ts">
import type { Breadcrumbs } from "./types.ts";
import Link from "$lib/components/Link";
export let path: Breadcrumbs;
$: currentPage = path[path.length - 1];
$: previousPages = path.slice(0, -1);
</script>
{#if path.length > 0}
<nav class="usa-breadcrumb usa-breadcrumb--wrap" aria-label="Breadcrumbs">
<ol class="usa-breadcrumb__list">
{#each previousPages as { id, title, link } (id)}
<li class="usa-breadcrumb__list-item">
<Link href={link} class="usa-breadcrumb__link"><span>{title}</span></Link>
</li>
{/each}
<li class="usa-breadcrumb__list-item usa-current" aria-current="page">
<span>{currentPage?.title}</span>
</li>
</ol>
</nav>
{/if}
|