carbon-components-svelte/docs/src/pages/framed/Breadcrumbs/Breadcrumbs.svelte
metonym e3978e883b
docs: flatten side nav hierarchy, remove recipes (#1430)
* style(docs): remove bottom margin in index route

* docs: flatten side nav hierarchy

* docs(accordion): move expandable accordion recipe

* docs(breadcrumb): move breadcrumb trail recipe

* docs: remove recipes
2022-08-06 13:27:02 -07:00

17 lines
435 B
Svelte

<script>
import { Breadcrumb, BreadcrumbItem } from "carbon-components-svelte";
const items = [
{ href: "/", text: "Dashboard" },
{ href: "/reports", text: "Annual reports" },
{ href: "/reports/2019", text: "2019" },
];
</script>
<Breadcrumb>
{#each items as item, i}
<BreadcrumbItem href="{item.href}" isCurrentPage="{i === items.length - 1}">
{item.text}
</BreadcrumbItem>
{/each}
</Breadcrumb>