TreeView 树形视图

数据展示

树形视图 — Chaos UI 的数据展示。

何时使用

需要树形视图功能时使用本组件。

tsx

import { TreeView } from "@/components/ui/tree-view"

export function Basic() {
return <TreeView />
}

Prop	Type	Default	说明
`className`	`string`	—	自定义样式类名
`data`	`TreeNode[]`	—	数据源
`selectedIds`	`string[]`	—
`defaultSelectedIds`	`string[]`	—
`expandedIds`	`string[]`	—
`defaultExpandedIds`	`string[]`	—
`onSelect`	`() => void`	—	选中回调
`onExpand`	`() => void`	—
`showCheckbox`	`boolean`	`false`
`showIcon`	`boolean`	`true`
`disabled`	`boolean`	`false`	是否禁用
...rest	`React.HTMLAttributes`	—	透传原生 DOM 属性

📘 完整交互式示例与控件属性请查看 Storybook 文档。