FileExplorer.
Folder tree with breadcrumbs, item selection, rename and file-drop hooks.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
entries | FileExplorerEntry[] | Yes | — | — | Flat files/folders with id, name, type and parentId. |
selected | string | No | — | — | Currently selected entry ID. |
onSelect | (id: string) => void | No | — | — | Called when an entry is selected. |
onRename | (id: string, name: string) => void | No | — | — | Called to request entry renaming. |
onDropFiles | (parentId: string | undefined, files: File[]) => void | No | — | — | Receives local files dropped into a folder. |
rootLabel | string | No | My files | — | Root navigation label. |
className | string | No | — | — | Additional CSS class on the outer component element. |