Tree View

Hierarchical tree with local child expansion.

Usage

<script setup>
import { ArchTreeView } from "@archora/ui";

const items = [
  { id: "src", label: "src", expanded: true, children: [{ id: "app", label: "App.vue" }] }
];
</script>

<template>
  <ArchTreeView :items="items" />
</template>

Live sandbox

Tree View can be tested directly on this page.

interactive

→packages

ui

tokens

<TreeView />

Props

Prop	Type	Default	Description
items	{ id: string; label: string; children?: TreeViewItem[]; icon?: string | object; expanded?: boolean }[]	-	Item collection.