File Dropzone
Empty states
Source and install need .
pnpm dlx shadcn@latest add @assembli/files-tableFiles Table
A file browser as a table: breadcrumbs, folders first, double-click or Enter to open, Backspace to go up, and sorting by name, date or size. Drop files anywhere on it to upload into the current folder with a progress bar per row. Search spans every folder, rename inline, star from the row, see who it's shared with, and select several to download or trash.
Props
Other props pass through to the root element.
defaultFiles*
FileNode[]
people*
FilePerson[]
me*
string
The viewer's person id; their files say "me".
rootName
string
Default
"My files"storage
{ used: number; total: number }
Bytes used and available, for the storage meter.
onOpenFile
(file: FileNode) => void
| Description | |||
|---|---|---|---|
| defaultFiles* | FileNode[] | – | |
| people* | FilePerson[] | – | |
| me* | string | – | The viewer's person id; their files say "me". |
| rootName | string | "My files" | |
| storage | { used: number; total: number } | – | Bytes used and available, for the storage meter. |
| onOpenFile | (file: FileNode) => void | – |
