Management
FileBreadcrumb
A path navigation bar that renders a clickable breadcrumb trail for folder hierarchies.
This component is coming soon.
FileBreadcrumb renders a clickable path trail for navigating folder hierarchies — typically paired with FileTree or a file manager layout.
Planned API
<FileBreadcrumb
path={[
{ id: "root", name: "My Files" },
{ id: "projects", name: "Projects" },
{ id: "shelf-ui", name: "shelf-ui" },
]}
onNavigate={(segment) => setCurrentFolder(segment.id)}
/>| Prop | Type | Description |
|---|---|---|
path | BreadcrumbSegment[] | Ordered array of path segments — each has id and name. The last item is the current location (non-clickable). |
onNavigate | (segment: BreadcrumbSegment) => void | Called when a segment is clicked. |
separator | ReactNode | Custom separator element. Defaults to /. |
Last Updated on Jun 22, 2026