docs(treeview): update examples

This commit is contained in:
Eric Liu 2024-10-20 15:30:56 -07:00
commit efddbbd3cc
12 changed files with 82 additions and 82 deletions

View file

@ -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)}"