resource-breadcrumb.md

title	ResourceBreadcrumb
parent	Surfaces, shells and resources
grand_parent	Components

ResourceBreadcrumb

{: .no_toc }

The path of a URI, as a trail you can walk back up.

import { ResourceBreadcrumb } from '@textui/documents';

<ResourceBreadcrumb uri="file:///srv/api/main.ts" root="file:///srv" />

Props

Prop	Type	Default
uri	string | null	required
root	string
onSelect	(uri: string) => void

Plus everything on BoxProps.

Splits the URI into segments and renders them as a Breadcrumb. root trims the prefix so the trail starts at the workspace rather than at the filesystem root.

See also

• Breadcrumb - the control underneath
• ResourceExplorer - the tree it usually sits above