Breadcrumb
Shows where the current page sits in the hierarchy: links to the parent pages, ending with the current page. Each item of model is a TxBreadcrumbItem — label, icon, routerLink (+ queryParams, fragment), url + target, command, disabled, title, ariaLabel. The last item is the current page: it is not a link and carries aria-current="page". Long labels are cut with an ellipsis; a trail wider than its box scrolls sideways.
Basic
home is the first item; give an icon-only item an ariaLabel. routerLink navigates with the Angular router (queryParams and fragment are passed along) — these links open other pages of this site; url + target make a plain link. The last item of model is the current page.
Separator
separator="slash" draws slashes in the border colour, for page trails in a header.
Commands
An item with only a command is a button. Here the trail follows a folder path: a click on a folder goes back to it, (itemClick) reports every click.
Disabled
A disabled item is dimmed and is not a link.
Template
txBreadcrumbItem replaces the content of an item (the link stays around it) and gets current; txBreadcrumbSeparator replaces the separator.
Design tokens
dt changes one breadcrumb — here a padded card with primary links.