Tree View

Hierarchical collapsible tree using native <details> elements. No JS, keyboard accessible.

data tree-view

Usage

data.TreeView(data.TreeViewProps{
    Nodes: []data.TreeNode{
        {Label: "src", Icon: "lucide:folder", Open: true, Children: []data.TreeNode{
            {Label: "main.go", Icon: "lucide:file-text"},
            {Label: "ui", Icon: "lucide:folder", Children: []data.TreeNode{
                {Label: "button.go"},
            }},
        }},
    },
})