FileTree

import { FileTree } from "@grassroot/ui-react/advanced";
 
<FileTree nodes={[{ id: "root", name: "src", type: "folder", children: [] }]} />

<script setup lang="ts">
import { FileTree } from "@grassroot/ui-vue";
</script>
 
<template>
  <FileTree
    :nodes="[{ id: 'root', name: 'src', type: 'folder', children: [] }]"
  />
</template>

import { Component } from "@angular/core";
import { GrassrootFileTree } from "@grassroot/ui-angular";
 
@Component({
  selector: "app-example",
  standalone: true,
  imports: [GrassrootFileTree],
  template: `
    <grassroot-file-tree
      [nodes]="[{ id: 'root', name: 'src', type: 'folder', children: [] }]"
    />
  `,
})
export class ExampleComponent {
}

<script lang="ts">
  import { FileTree } from "@grassroot/ui-svelte";
</script>
 
<FileTree nodes={[{ id: "root", name: "src", type: "folder", children: [] }]} />

import { FileTree } from "@grassroot/ui-solid";
 
export function Example() {
  return (
    <>
      <FileTree nodes={[{ id: "root", name: "src", type: "folder", children: [] }]} />
    </>
  );
}