Breadcrumb

Muted path items with a chevron between them; the last one in the foreground color.

ExampleInteractive

Breadcrumb — Avalonia UIKit

<uikit:Breadcrumb HorizontalAlignment="Left">
  <uikit:BreadcrumbItem Content="Home" />
  <uikit:BreadcrumbItem Content="Documents" />
  <uikit:BreadcrumbItem Content="Report" />
</uikit:Breadcrumb>

View code

#Usage

uikit:Breadcrumb lays out uikit: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; 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.

<uikit:Breadcrumb HorizontalAlignment="Left">
  <uikit:BreadcrumbItem Content="Workspace" />
  <uikit:BreadcrumbItem Content="Archive" IsEnabled="False" />
  <uikit:BreadcrumbItem Content="2025" />
  <uikit:BreadcrumbItem Content="Avalonia UI Kit" />
  <uikit:BreadcrumbItem Content="Report" />
</uikit:Breadcrumb>

View code

#Not covered

• Nothing: the control covers the component.