Versatile tree-viewer/filebrowser widget, built on top of regular-table
BSD-3-CLAUSE License
A Javascript library for the browser, tree-finder
exports
a custom element
named <tree-finder>
,
which can be used to easily render filebrowers or other hierarchical trees. Only visible cells are rendered.
<tree-finder>
instances<tree-finder>
out livebasic |
Include via a CDN like JSDelivr:
<script src="https://cdn.jsdelivr.net/npm/tree-finder/dist/tree-finder.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tree-finder/dist/tree-finder.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tree-finder/dist/theme/material.css">
Or, add to your project via yarn
:
yarn add tree-finder
... then import into your asset bundle.
import "tree-finder";
import "tree-finder/style/theme/material.css";
nodejs >= 12.0.0
and yarn >= v1.2.0
installedcd examples/simple
yarn
yarn start
yarn start
will launch a dev server. Open the url it supplies in any browser in order to view the example. While the dev server is running, any changes you make to the source code (ie any .ts
or .less
files) will trigger a rebuild, and the example will automatically reload in your browser.