cnc-file-browser
Overview
Spec
Examples
Playground
Styling
One folder at a time, as a list or a grid, with a breadcrumb, back and forward, search,
checkboxes, a details pane, drag-to-folder and uploads. It draws the items and
path it is handed and reports what the reader did — folder-open,
navigate, file-rename, file-trash and the rest — so the
app decides what a folder holds and does every write. A preview is read off each item's
url; the widget never mints one. See
File explorer
for the browser beside cnc-file-tree over a real drive.
Quick start
Name
▲
Type
Tags
Size
Modified
2.2 KB
9/21/2026
—
9/2/2026
911 B
9/27/2026
—
9/9/2026
Open a folder, rename a row, or use the toolbar — each line here is one event.
<cnc-file-browser
:items="items"
:path="path"
@folder-open="open($event)"
@navigate="navigate($event)"
@file-rename="rename($event)"
@file-trash="trash($event)"
></cnc-file-browser>