# @sensilla-cloud/react-file-tree

> Virtualized tree for displaying hierarchy in a traditional file-tree format

Latest version **1.0.9** (published 2025-03-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install @sensilla-cloud/react-file-tree
pnpm add @sensilla-cloud/react-file-tree
yarn add @sensilla-cloud/react-file-tree
bun add @sensilla-cloud/react-file-tree
```

## Health

**Score 35/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.9 |
| Published | 2025-03-17 |
| First published | 2022-10-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 266.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Sensilla Cloud |
| Maintainers | huner2 |
| Keywords | React, File, Tree, Virtual, List, Hierarchy, Children, Parent |

## Links

- npm: https://www.npmjs.com/package/@sensilla-cloud/react-file-tree
- Repository: https://github.com/sensilla-cloud/react-file-tree
- Homepage: https://github.com/sensilla-cloud/react-file-tree#readme
- Issues: https://github.com/sensilla-cloud/react-file-tree/issues
- npm.io page: https://npm.io/package/@sensilla-cloud/react-file-tree

## Dependencies (5)

- [prop-types](https://npm.io/package/prop-types.md) ^15.8.1
- [@af-utils/styled](https://npm.io/package/@af-utils/styled.md) ^0.0.20
- [use-sync-external-store](https://npm.io/package/use-sync-external-store.md) ^1.2.0
- [@af-utils/react-virtual-list](https://npm.io/package/@af-utils/react-virtual-list.md) ^0.0.52
- [@af-utils/react-virtual-headless](https://npm.io/package/@af-utils/react-virtual-headless.md) ^0.0.49

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.9 (latest) — 2025-03-17
- 1.0.8 — 2023-03-28
- 1.0.7 — 2023-03-28
- 1.0.6 — 2023-03-28
- 1.0.5 — 2023-03-09
- 1.0.4 — 2022-11-12
- 1.0.3 — 2022-10-26
- 1.0.2 — 2022-10-25
- 1.0.1 — 2022-10-25
- 1.0.0 — 2022-10-25

## README

# react-file-tree

React-File-Tree is designed to be a kitchen-sink component that you can drop in and forget about.
It does however, come with a multitude of customization options to make it behave like you want.

## Installation

```bash
npm install @sensilla-cloud/react-file-tree
```

or

```bash
yarn add @sensilla-cloud/react-file-tree
```

## Basic Usage

```jsx
import React from 'react';
import FileTree from '@sensilla-cloud/react-file-tree';

const data = [
    {
        id: 1,
        name: 'abc',
        children: [
            {
                id: 2,
                name: 'def'
            },
            {
                id: 3,
                name: 'ghi'
            }
        ]
    }
]

const App = () => (
    <FileTree data={data} />
)
```

You can view the api documentation [here](https://sensilla-cloud.github.io/react-file-tree/)

## License

This project is licensed under the terms of the MIT license.

---
_Source: https://npm.io/package/@sensilla-cloud/react-file-tree · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._