trees
Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search, rename, drag and drop, icons, git status, and themes.
SKILL.mdskills/trees/SKILL.md
GitHub@pierre/trees
Use @pierre/trees for an interactive file tree. Public state and callbacks use
path strings.
Install
pnpm add @pierre/trees
Install react and react-dom when the app uses the React entry.
Select an API reference
| Entry | Reference |
|---|---|
@pierre/trees |
Core API |
@pierre/trees/react |
React API |
@pierre/trees/ssr |
SSR API |
@pierre/trees/web-components |
Web components API |
Select a recipe
| Task | Recipe |
|---|---|
| Render and update a tree in React | Use React |
| Render and update a tree without React | Use vanilla JavaScript |
| Preload a tree on the server | Use SSR |
| Apply a resolved Shiki or VS Code theme | Apply a theme |
| Configure search, rename, drag and drop, and git status | Add interactions |