trees

1---2name: trees3description:4  Use when an app uses @pierre/trees to render or control a file tree, including5  React, vanilla JavaScript, SSR, web components, selection, search, rename,6  drag and drop, icons, git status, and themes.7---8 9# `@pierre/trees`10 11Use `@pierre/trees` for an interactive file tree. Public state and callbacks use12path strings.13 14## Install15 16```bash17pnpm add @pierre/trees18```19 20Install `react` and `react-dom` when the app uses the React entry.21 22## Select an API reference23 24| Entry                          | Reference                                              |25| ------------------------------ | ------------------------------------------------------ |26| `@pierre/trees`                | [Core API](references/api-core.md)                     |27| `@pierre/trees/react`          | [React API](references/api-react.md)                   |28| `@pierre/trees/ssr`            | [SSR API](references/api-ssr.md)                       |29| `@pierre/trees/web-components` | [Web components API](references/api-web-components.md) |30 31## Select a recipe32 33| Task                                                    | Recipe                                                 |34| ------------------------------------------------------- | ------------------------------------------------------ |35| Render and update a tree in React                       | [Use React](references/recipe-react.md)                |36| Render and update a tree without React                  | [Use vanilla JavaScript](references/recipe-vanilla.md) |37| Preload a tree on the server                            | [Use SSR](references/recipe-ssr.md)                    |38| Apply a resolved Shiki or VS Code theme                 | [Apply a theme](references/recipe-theme.md)            |39| Configure search, rename, drag and drop, and git status | [Add interactions](references/recipe-interactions.md)  |40