fix: collapsable attribute on tree

Jaspero · Jan 1, 2024 · eada664 · eada664
1 parent d05c6c7
commit eada664
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/docs/docs/tree.md b/docs/docs/tree.md
@@ -9,6 +9,7 @@
 | **Name** | **Required** | **Type** | **Description** |
 | :----: | :----: | :----: | :---: |
 | title | |`string` | Title of the tree |
+| collapsable | | `boolean` | collapse enabled |
 
 ### Slots
 

diff --git a/packages/lib/src/tree/tree.wc.svelte b/packages/lib/src/tree/tree.wc.svelte
@@ -7,7 +7,8 @@
 
 <script lang="ts">
   export let title = 'Tree Title';
-  let expanded = false;
+  export let collapsable = true;
+  let expanded = !collapsable;
 </script>
 
 <svelte:document
@@ -27,7 +28,11 @@
 
 <div class="jp-tree">
   <div class="tree-header">
-    <button class="tree-arrow" on:click={() => (expanded = !expanded)}>
+    <button
+      class="tree-arrow"
+      on:click={() => expanded = !expanded}
+      disabled={!collapsable}
+    >
       <svg
         xmlns="http://www.w3.org/2000/svg"
         height="1em"