mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs: add initial recipes

Browse source
This commit is contained in:
Eric Liu 2020-10-16 13:19:54 -07:00
commit 249f158f8a
9 changed files with 271 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

32
docs/src/pages/framed/Breadcrumbs/Breadcrumbs.svelte Normal file
View file

@ -0,0 +1,32 @@
<script>
/**
* @type {{ href?: string; text: string; }[]} [items=[]]
*/
export let items = [
{ href: "/", text: "Dashboard" },
{ href: "/reports", text: "Annual reports" },
{ href: "/reports/2019", text: "2019" },
];
import {
Row,
Column,
Breadcrumb,
BreadcrumbItem,
} from "carbon-components-svelte";
</script>
<Row>
<Column>
<Breadcrumb>
{#each items as item, i}
<BreadcrumbItem
href="{item.href}"
isCurrentPage="{i === items.length - 1}"
>
{item.text}
</BreadcrumbItem>
{/each}
</Breadcrumb>
</Column>
</Row>