Tree View

Component hiển thị dữ liệu phân cấp dạng cây với expand/collapse và keyboard navigation.

Cài đặt

Import

File Explorer

Cây thư mục giống IDE — click node để chọn, click folder để expand/collapse.

src
components
ui
Button.tsx
Input.tsx
Dialog.tsx
Table.tsx
App.tsx
main.tsx
package.json
tsconfig.json
README.md

File đang chọn:

button

Cây cài đặt

Dùng TreeView cho menu cài đặt phân cấp.

Cài đặt chung
Ngôn ngữ
Giao diện

Thư viện media

TreeView với icons custom cho từng loại file.

Hình ảnh
avatar.png
banner.jpg
logo.svg
icons
home.svg
user.svg
star.svg

API Reference

PropTypeDefaultMô tả
dataTreeNode[]Mảng dữ liệu cấu trúc cây
selectedIdstringID của node được chọn
onSelect(id: string) => voidCallback khi chọn node
defaultExpandedstring[]Danh sách ID các node mở mặc định