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

docs(recursive-list): update examples

Browse source
This commit is contained in:
Eric Liu 2024-10-20 15:31:52 -07:00
commit d655296fcf
3 changed files with 15 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

10
docs/src/pages/framed/RecursiveList/RecursiveList.svelte
View file

@ -1,19 +1,19 @@
<script> <script>
import { RecursiveList } from "carbon-components-svelte"; import { RecursiveList } from "carbon-components-svelte";
const children = [ const nodes = [
{ {
text: "Item 1", text: "Item 1",
children: [ nodes: [
{ {
text: "Item 1a", text: "Item 1a",
children: [{ html: "<h5>HTML content</h5>" }], nodes: [{ html: "<h5>HTML content</h5>" }],
}, },
], ],
}, },
{ {
text: "Item 2", text: "Item 2",
children: [ nodes: [
{ {
href: "https://svelte.dev/", href: "https://svelte.dev/",
}, },
@ -29,4 +29,4 @@
]; ];
</script> </script>
<RecursiveList children="{children}" /> <RecursiveList nodes="{nodes}" />

10
docs/src/pages/framed/RecursiveList/RecursiveListOrdered.svelte
View file

@ -1,19 +1,19 @@
<script> <script>
import { RecursiveList } from "carbon-components-svelte"; import { RecursiveList } from "carbon-components-svelte";
const children = [ const nodes = [
{ {
text: "Item 1", text: "Item 1",
children: [ nodes: [
{ {
text: "Item 1a", text: "Item 1a",
children: [{ html: "<h5>HTML content</h5>" }], nodes: [{ html: "<h5>HTML content</h5>" }],
}, },
], ],
}, },
{ {
text: "Item 2", text: "Item 2",
children: [ nodes: [
{ {
href: "https://svelte.dev/", href: "https://svelte.dev/",
}, },
@ -29,4 +29,4 @@
]; ];
</script> </script>
<RecursiveList type="ordered" children="{children}" /> <RecursiveList type="ordered" nodes="{nodes}" />

10
docs/src/pages/framed/RecursiveList/RecursiveListOrderedNative.svelte
View file

@ -1,19 +1,19 @@
<script> <script>
import { RecursiveList } from "carbon-components-svelte"; import { RecursiveList } from "carbon-components-svelte";
const children = [ const nodes = [
{ {
text: "Item 1", text: "Item 1",
children: [ nodes: [
{ {
text: "Item 1a", text: "Item 1a",
children: [{ html: "<h5>HTML content</h5>" }], nodes: [{ html: "<h5>HTML content</h5>" }],
}, },
], ],
}, },
{ {
text: "Item 2", text: "Item 2",
children: [ nodes: [
{ {
href: "https://svelte.dev/", href: "https://svelte.dev/",
}, },
@ -29,4 +29,4 @@
]; ];
</script> </script>
<RecursiveList type="ordered-native" children="{children}" /> <RecursiveList type="ordered-native" nodes="{nodes}" />