Muted path items with a chevron between them; the last one in the foreground color.
New control
Interactive
<gpui:Breadcrumb HorizontalAlignment="Left">
<gpui:BreadcrumbItem Content="Home" />
<gpui:BreadcrumbItem Content="Documents" />
<gpui:BreadcrumbItem Content="Report" />
</gpui:Breadcrumb>Usage
gpui:Breadcrumb lays out gpui:BreadcrumbItems in muted 14px text, 6px apart with a 14px muted chevron between them; the last item is in the foreground color. An item is a Button, so Click or Command navigates; as in GPUI Kit, items show no hover and take no keyboard focus. Content that is not an item is wrapped in one.
Examples
A disabled item (IsEnabled="False") stays muted and shows the arrow cursor instead of the hand.
Interactive
<gpui:Breadcrumb HorizontalAlignment="Left">
<gpui:BreadcrumbItem Content="Workspace" />
<gpui:BreadcrumbItem Content="Archive" IsEnabled="False" />
<gpui:BreadcrumbItem Content="2025" />
<gpui:BreadcrumbItem Content="Avalonia UI Kit" />
<gpui:BreadcrumbItem Content="Report" />
</gpui:Breadcrumb>Not covered
- Nothing: the control covers the component.