docs(treeview): update examples

carbon-design-system · Nov 9, 2024 · faa5631 · faa5631
1 parent bcec1ba
commit faa5631
Show file tree

Hide file tree

Showing 12 changed files with 82 additions and 82 deletions.
diff --git a/docs/src/pages/framed/TreeView/TreeView.svelte b/docs/src/pages/framed/TreeView/TreeView.svelte
@@ -3,16 +3,16 @@
 
   let activeId = "";
   let selectedIds = [];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,14 +40,14 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
 
 <TreeView
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
   bind:activeId
   bind:selectedIds
   on:select="{({ detail }) => console.log('select', detail)}"

diff --git a/docs/src/pages/framed/TreeView/TreeViewActive.svelte b/docs/src/pages/framed/TreeView/TreeViewActive.svelte
@@ -3,16 +3,16 @@
 
   let activeId = 0;
   let selectedIds = [];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,14 +40,14 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
 
 <TreeView
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
   bind:activeId
   bind:selectedIds
   on:select="{({ detail }) => console.log('select', detail)}"

diff --git a/docs/src/pages/framed/TreeView/TreeViewCollapseAll.svelte b/docs/src/pages/framed/TreeView/TreeViewCollapseAll.svelte
@@ -3,16 +3,16 @@
 
   let treeview = null;
   let expandedIds = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,7 +40,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -53,7 +53,7 @@
   bind:this="{treeview}"
   bind:expandedIds
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
 />
 
 <style>

diff --git a/docs/src/pages/framed/TreeView/TreeViewCollapseNodes.svelte b/docs/src/pages/framed/TreeView/TreeViewCollapseNodes.svelte
@@ -3,18 +3,18 @@
 
   let treeview = null;
   let expandedIds = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 14];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
       disabled: true,
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
           disabled: true,
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark", disabled: true },
             { id: 4, text: "Hadoop", disabled: true },
           ],
@@ -26,12 +26,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -42,7 +42,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -61,7 +61,7 @@
   bind:this="{treeview}"
   bind:expandedIds
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
 />
 
 <style>

diff --git a/docs/src/pages/framed/TreeView/TreeViewCompact.svelte b/docs/src/pages/framed/TreeView/TreeViewCompact.svelte
@@ -3,16 +3,16 @@
 
   let activeId = 0;
   let selectedIds = [];
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -24,12 +24,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -40,15 +40,15 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
 
 <TreeView
   size="compact"
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
   bind:activeId
   bind:selectedIds
   on:select="{({ detail }) => console.log('select', detail)}"

diff --git a/docs/src/pages/framed/TreeView/TreeViewExpandAll.svelte b/docs/src/pages/framed/TreeView/TreeViewExpandAll.svelte
@@ -2,16 +2,16 @@
   import { TreeView, Button } from "carbon-components-svelte";
 
   let treeview = null;
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -23,12 +23,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -39,7 +39,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -51,7 +51,7 @@
 <TreeView
   bind:this="{treeview}"
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
 />
 
 <style>

diff --git a/docs/src/pages/framed/TreeView/TreeViewExpandNodes.svelte b/docs/src/pages/framed/TreeView/TreeViewExpandNodes.svelte
@@ -2,16 +2,16 @@
   import { TreeView, Button } from "carbon-components-svelte";
 
   let treeview = null;
-  let children = [
+  let nodes = [
     { id: 0, text: "AI / Machine learning" },
     {
       id: 1,
       text: "Analytics",
-      children: [
+      nodes: [
         {
           id: 2,
           text: "IBM Analytics Engine",
-          children: [
+          nodes: [
             { id: 3, text: "Apache Spark" },
             { id: 4, text: "Hadoop" },
           ],
@@ -23,12 +23,12 @@
     {
       id: 7,
       text: "Blockchain",
-      children: [{ id: 8, text: "IBM Blockchain Platform" }],
+      nodes: [{ id: 8, text: "IBM Blockchain Platform" }],
     },
     {
       id: 9,
       text: "Databases",
-      children: [
+      nodes: [
         { id: 10, text: "IBM Cloud Databases for Elasticsearch" },
         { id: 11, text: "IBM Cloud Databases for Enterprise DB" },
         { id: 12, text: "IBM Cloud Databases for MongoDB" },
@@ -39,7 +39,7 @@
       id: 14,
       text: "Integration",
       disabled: true,
-      children: [{ id: 15, text: "IBM API Connect", disabled: true }],
+      nodes: [{ id: 15, text: "IBM API Connect", disabled: true }],
     },
   ];
 </script>
@@ -57,7 +57,7 @@
 <TreeView
   bind:this="{treeview}"
   labelText="Cloud Products"
-  children="{children}"
+  nodes="{nodes}"
 />
 
 <style>