Enterprise / COMPONENT

TreeView

Web · implementedDesktop · partial

Pohon data dengan expand/collapse dan seleksi node.

import { TreeView } from "./vendor/syne-ui/index.js";TypeScript ready

Documents
Assets

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX

import { TreeView } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <TreeView nodes={[{ id: "1", label: "Documents", children: [{ id: "2", label: "README.md" }] }]} />
  );
}

Make it yours

Use className and --syne-* tokens to match your design system.