feat(breadcrumb)!: integrate Breadcrumb with v11 (#1956)

This commit is contained in:
Eric Liu 2024-04-21 12:14:51 -07:00 committed by GitHub
commit 1600308614
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 94 additions and 154 deletions

View file

@ -1,16 +1,14 @@
<script lang="ts">
import { Breadcrumb, BreadcrumbItem } from "../types";
import { Breadcrumb, BreadcrumbItem, BreadcrumbSkeleton } from "../types";
</script>
<Breadcrumb>
<BreadcrumbItem href="/">Dashboard</BreadcrumbItem>
<BreadcrumbItem href="/reports">Annual reports</BreadcrumbItem>
<BreadcrumbItem href="/reports/2019" isCurrentPage>2019</BreadcrumbItem>
<BreadcrumbItem let:props>
<a {...props} href="/reports/2019/q1">Q1</a>
</BreadcrumbItem>
</Breadcrumb>
<Breadcrumb noTrailingSlash>
<BreadcrumbItem href="/">Home</BreadcrumbItem>
<BreadcrumbItem href="/profile" isCurrentPage>Profile</BreadcrumbItem>
</Breadcrumb>
<Breadcrumb noTrailingSlash skeleton count="{3}" />
<BreadcrumbSkeleton noTrailingSlash count="{3}" />