trees

name	trees
description	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.

@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