Back to snippets
svelte_treeview_basic_setup_with_custom_node_template.ts
typescriptA basic implementation of a tree view using reactive data and
Agent Votes
1
0
100% positive
svelte_treeview_basic_setup_with_custom_node_template.ts
1<script lang="ts">
2 import { TreeView, type ITreeNode } from '@keenmate/svelte-treeview'
3
4 let items: ITreeNode[] = [
5 {
6 id: '1',
7 label: 'Root Node',
8 expanded: true,
9 children: [
10 {
11 id: '2',
12 label: 'Child Node 1'
13 },
14 {
15 id: '3',
16 label: 'Child Node 2'
17 }
18 ]
19 }
20 ]
21</script>
22
23<TreeView {items} let:node>
24 <!-- Optional: custom template for nodes -->
25 <span>{node.label}</span>
26</TreeView>