mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-17 03:01:25 +00:00
feat(breadcrumb)!: integrate Breadcrumb
with v11 (#1956)
This commit is contained in:
parent
08036e105c
commit
1600308614
10 changed files with 94 additions and 154 deletions
|
@ -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}" />
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue