Skip to content

Commit efddbbd

Browse files
metonymmetonym
committed
docs(treeview): update examples
1 parent 82905ac commit efddbbd

12 files changed

+82
-82
lines changed

‎docs/src/pages/framed/TreeView/TreeView.svelte

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@
33
44
let activeId = "";
55
let selectedIds = [];
6-
let children = [
6+
let nodes = [
77
{ id: 0, text: "AI / Machine learning" },
88
{
99
id: 1,
1010
text: "Analytics",
11-
children: [
11+
nodes: [
1212
{
1313
id: 2,
1414
text: "IBM Analytics Engine",
15-
children: [
15+
nodes: [
1616
{ id: 3, text: "Apache Spark" },
1717
{ id: 4, text: "Hadoop" },
1818
],
@@ -24,12 +24,12 @@
2424
{
2525
id: 7,
2626
text: "Blockchain",
27-
children: [{ id: 8, text: "IBM Blockchain Platform" }],
27+
nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
2828
},
2929
{
3030
id: 9,
3131
text: "Databases",
32-
children: [
32+
nodes: [
3333
{ id: 10, text: "IBM Cloud Databases for Elasticsearch" },
3434
{ id: 11, text: "IBM Cloud Databases for Enterprise DB" },
3535
{ id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,14 +40,14 @@
4040
id: 14,
4141
text: "Integration",
4242
disabled: true,
43-
children: [{ id: 15, text: "IBM API Connect", disabled: true }],
43+
nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
4444
},
4545
];
4646
</script>
4747

4848
<TreeView
4949
labelText="Cloud Products"
50-
children="{children}"
50+
nodes="{nodes}"
5151
bind:activeId
5252
bind:selectedIds
5353
on:select="{({ detail }) => console.log('select', detail)}"

‎docs/src/pages/framed/TreeView/TreeViewActive.svelte

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@
33
44
let activeId = 0;
55
let selectedIds = [];
6-
let children = [
6+
let nodes = [
77
{ id: 0, text: "AI / Machine learning" },
88
{
99
id: 1,
1010
text: "Analytics",
11-
children: [
11+
nodes: [
1212
{
1313
id: 2,
1414
text: "IBM Analytics Engine",
15-
children: [
15+
nodes: [
1616
{ id: 3, text: "Apache Spark" },
1717
{ id: 4, text: "Hadoop" },
1818
],
@@ -24,12 +24,12 @@
2424
{
2525
id: 7,
2626
text: "Blockchain",
27-
children: [{ id: 8, text: "IBM Blockchain Platform" }],
27+
nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
2828
},
2929
{
3030
id: 9,
3131
text: "Databases",
32-
children: [
32+
nodes: [
3333
{ id: 10, text: "IBM Cloud Databases for Elasticsearch" },
3434
{ id: 11, text: "IBM Cloud Databases for Enterprise DB" },
3535
{ id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,14 +40,14 @@
4040
id: 14,
4141
text: "Integration",
4242
disabled: true,
43-
children: [{ id: 15, text: "IBM API Connect", disabled: true }],
43+
nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
4444
},
4545
];
4646
</script>
4747

4848
<TreeView
4949
labelText="Cloud Products"
50-
children="{children}"
50+
nodes="{nodes}"
5151
bind:activeId
5252
bind:selectedIds
5353
on:select="{({ detail }) => console.log('select', detail)}"

‎docs/src/pages/framed/TreeView/TreeViewCollapseAll.svelte

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@
33
44
let treeview = null;
55
let expandedIds = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
6-
let children = [
6+
let nodes = [
77
{ id: 0, text: "AI / Machine learning" },
88
{
99
id: 1,
1010
text: "Analytics",
11-
children: [
11+
nodes: [
1212
{
1313
id: 2,
1414
text: "IBM Analytics Engine",
15-
children: [
15+
nodes: [
1616
{ id: 3, text: "Apache Spark" },
1717
{ id: 4, text: "Hadoop" },
1818
],
@@ -24,12 +24,12 @@
2424
{
2525
id: 7,
2626
text: "Blockchain",
27-
children: [{ id: 8, text: "IBM Blockchain Platform" }],
27+
nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
2828
},
2929
{
3030
id: 9,
3131
text: "Databases",
32-
children: [
32+
nodes: [
3333
{ id: 10, text: "IBM Cloud Databases for Elasticsearch" },
3434
{ id: 11, text: "IBM Cloud Databases for Enterprise DB" },
3535
{ id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,7 +40,7 @@
4040
id: 14,
4141
text: "Integration",
4242
disabled: true,
43-
children: [{ id: 15, text: "IBM API Connect", disabled: true }],
43+
nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
4444
},
4545
];
4646
</script>
@@ -53,7 +53,7 @@
5353
bind:this="{treeview}"
5454
bind:expandedIds
5555
labelText="Cloud Products"
56-
children="{children}"
56+
nodes="{nodes}"
5757
/>
5858

5959
<style>

‎docs/src/pages/framed/TreeView/TreeViewCollapseNodes.svelte

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,18 @@
33
44
let treeview = null;
55
let expandedIds = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 14];
6-
let children = [
6+
let nodes = [
77
{ id: 0, text: "AI / Machine learning" },
88
{
99
id: 1,
1010
text: "Analytics",
1111
disabled: true,
12-
children: [
12+
nodes: [
1313
{
1414
id: 2,
1515
text: "IBM Analytics Engine",
1616
disabled: true,
17-
children: [
17+
nodes: [
1818
{ id: 3, text: "Apache Spark", disabled: true },
1919
{ id: 4, text: "Hadoop", disabled: true },
2020
],
@@ -26,12 +26,12 @@
2626
{
2727
id: 7,
2828
text: "Blockchain",
29-
children: [{ id: 8, text: "IBM Blockchain Platform" }],
29+
nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
3030
},
3131
{
3232
id: 9,
3333
text: "Databases",
34-
children: [
34+
nodes: [
3535
{ id: 10, text: "IBM Cloud Databases for Elasticsearch" },
3636
{ id: 11, text: "IBM Cloud Databases for Enterprise DB" },
3737
{ id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -42,7 +42,7 @@
4242
id: 14,
4343
text: "Integration",
4444
disabled: true,
45-
children: [{ id: 15, text: "IBM API Connect", disabled: true }],
45+
nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
4646
},
4747
];
4848
</script>
@@ -61,7 +61,7 @@
6161
bind:this="{treeview}"
6262
bind:expandedIds
6363
labelText="Cloud Products"
64-
children="{children}"
64+
nodes="{nodes}"
6565
/>
6666

6767
<style>

‎docs/src/pages/framed/TreeView/TreeViewCompact.svelte

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@
33
44
let activeId = 0;
55
let selectedIds = [];
6-
let children = [
6+
let nodes = [
77
{ id: 0, text: "AI / Machine learning" },
88
{
99
id: 1,
1010
text: "Analytics",
11-
children: [
11+
nodes: [
1212
{
1313
id: 2,
1414
text: "IBM Analytics Engine",
15-
children: [
15+
nodes: [
1616
{ id: 3, text: "Apache Spark" },
1717
{ id: 4, text: "Hadoop" },
1818
],
@@ -24,12 +24,12 @@
2424
{
2525
id: 7,
2626
text: "Blockchain",
27-
children: [{ id: 8, text: "IBM Blockchain Platform" }],
27+
nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
2828
},
2929
{
3030
id: 9,
3131
text: "Databases",
32-
children: [
32+
nodes: [
3333
{ id: 10, text: "IBM Cloud Databases for Elasticsearch" },
3434
{ id: 11, text: "IBM Cloud Databases for Enterprise DB" },
3535
{ id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,15 +40,15 @@
4040
id: 14,
4141
text: "Integration",
4242
disabled: true,
43-
children: [{ id: 15, text: "IBM API Connect", disabled: true }],
43+
nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
4444
},
4545
];
4646
</script>
4747

4848
<TreeView
4949
size="compact"
5050
labelText="Cloud Products"
51-
children="{children}"
51+
nodes="{nodes}"
5252
bind:activeId
5353
bind:selectedIds
5454
on:select="{({ detail }) => console.log('select', detail)}"

‎docs/src/pages/framed/TreeView/TreeViewExpandAll.svelte

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,16 @@
22
import { TreeView, Button } from "carbon-components-svelte";
33
44
let treeview = null;
5-
let children = [
5+
let nodes = [
66
{ id: 0, text: "AI / Machine learning" },
77
{
88
id: 1,
99
text: "Analytics",
10-
children: [
10+
nodes: [
1111
{
1212
id: 2,
1313
text: "IBM Analytics Engine",
14-
children: [
14+
nodes: [
1515
{ id: 3, text: "Apache Spark" },
1616
{ id: 4, text: "Hadoop" },
1717
],
@@ -23,12 +23,12 @@
2323
{
2424
id: 7,
2525
text: "Blockchain",
26-
children: [{ id: 8, text: "IBM Blockchain Platform" }],
26+
nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
2727
},
2828
{
2929
id: 9,
3030
text: "Databases",
31-
children: [
31+
nodes: [
3232
{ id: 10, text: "IBM Cloud Databases for Elasticsearch" },
3333
{ id: 11, text: "IBM Cloud Databases for Enterprise DB" },
3434
{ id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -39,7 +39,7 @@
3939
id: 14,
4040
text: "Integration",
4141
disabled: true,
42-
children: [{ id: 15, text: "IBM API Connect", disabled: true }],
42+
nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
4343
},
4444
];
4545
</script>
@@ -51,7 +51,7 @@
5151
<TreeView
5252
bind:this="{treeview}"
5353
labelText="Cloud Products"
54-
children="{children}"
54+
nodes="{nodes}"
5555
/>
5656

5757
<style>

‎docs/src/pages/framed/TreeView/TreeViewExpandNodes.svelte

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,16 @@
22
import { TreeView, Button } from "carbon-components-svelte";
33
44
let treeview = null;
5-
let children = [
5+
let nodes = [
66
{ id: 0, text: "AI / Machine learning" },
77
{
88
id: 1,
99
text: "Analytics",
10-
children: [
10+
nodes: [
1111
{
1212
id: 2,
1313
text: "IBM Analytics Engine",
14-
children: [
14+
nodes: [
1515
{ id: 3, text: "Apache Spark" },
1616
{ id: 4, text: "Hadoop" },
1717
],
@@ -23,12 +23,12 @@
2323
{
2424
id: 7,
2525
text: "Blockchain",
26-
children: [{ id: 8, text: "IBM Blockchain Platform" }],
26+
nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
2727
},
2828
{
2929
id: 9,
3030
text: "Databases",
31-
children: [
31+
nodes: [
3232
{ id: 10, text: "IBM Cloud Databases for Elasticsearch" },
3333
{ id: 11, text: "IBM Cloud Databases for Enterprise DB" },
3434
{ id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -39,7 +39,7 @@
3939
id: 14,
4040
text: "Integration",
4141
disabled: true,
42-
children: [{ id: 15, text: "IBM API Connect", disabled: true }],
42+
nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
4343
},
4444
];
4545
</script>
@@ -57,7 +57,7 @@
5757
<TreeView
5858
bind:this="{treeview}"
5959
labelText="Cloud Products"
60-
children="{children}"
60+
nodes="{nodes}"
6161
/>
6262

6363
<style>

0 commit comments

Comments
 (0)