Tree

A hierarchical, expandable tree view (ARIA tree). Click to select/expand; keyboard: ↑/↓ move, →/← expand/collapse, Enter/Space select. Shared variant/size axes.

File explorer

Selected: —

src
lib
components
index.ts
routes
app.css
package.json
README.md

<script>
  import { Tree } from '@spaethtech/svelte-ui';
  const items = [
    { label: 'src', children: [
      { label: 'index.ts' },
    ]},
  ];
  let expanded = $state(['0']);
  let selected = $state('');
</script>

<Tree {items} bind:expanded bind:selected
  onselect={(node) => console.log(node.label)} />