mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
24 lines
633 B
Svelte
24 lines
633 B
Svelte
<script lang="ts">
|
|
import { RecursiveList } from "carbon-components-svelte";
|
|
import toHierarchy from "../../src/utils/toHierarchy";
|
|
|
|
let nodes = toHierarchy(
|
|
[
|
|
{ id: 1, text: "Item 1" },
|
|
{ id: 2, text: "Item 1a", pid: 1 },
|
|
{ id: 3, html: "<h5>HTML content</h5>", pid: 2 },
|
|
{ id: 4, text: "Item 2" },
|
|
{ id: 5, href: "https://svelte.dev/", pid: 4 },
|
|
{
|
|
id: 6,
|
|
href: "https://svelte.dev/",
|
|
text: "Link with custom text",
|
|
pid: 4,
|
|
},
|
|
{ id: 7, text: "Item 3" },
|
|
],
|
|
(node) => node.pid,
|
|
);
|
|
</script>
|
|
|
|
<RecursiveList type="ordered" {nodes} />
|