Something went wrong. Try again.
A design system in a box. hip-ui.tngl.io/docs/introduction
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334import { Tree, TreeItem } from "@/components/tree";
const treeData = [ { id: "1", name: "Folder 1", children: [ { id: "1-1", name: "File 1-1" }, { id: "1-2", name: "File 1-2" }, ], }, { id: "2", name: "Folder 2", children: [{ id: "2-1", name: "File 2-1" }], },];
export function Basic() { return ( <Tree items={treeData}> {(item) => { return ( <TreeItem key={item.id} id={item.id} title={item.name}> {item.children.map((child) => ( <TreeItem key={child.id} id={child.id} title={child.name} /> ))} </TreeItem> ); }} </Tree> );}