C&C Docs
Log in

cnc-file-tree

A folder tree with search, sorting, drag-to-move, rename, upload and trash. It draws the root it is handed and reports what the reader asked for as an event — file-rename, file-move, create-folder, upload and the rest — and the app does the write, answering through the complete / rollback callbacks in the event's detail. See File widgets for every event handled in turn, and File explorer for the tree beside cnc-file-browser over a real drive.

Quick start

photos
harbour.jpg
lighthouse.jpg
projects
roadmap
q4.md
budget.xlsx
readme.txt
File upload

Select, rename (F2), drag, or use the toolbar — each line here is one event.

<cnc-file-tree
  :root="root"
  @file-rename="rename($event)"
  @file-move="move($event)"
  @create-folder="create($event)"
></cnc-file-tree>