API reference
Headless breadcrumb primitives are intentionally thin. They expose stable slot hooks and the separator accessibility contract, while leaving trail semantics, current-page resolution, and collapse behavior to the owner.
Root slots
| Directive | Purpose | Host hook |
|---|
tngBreadcrumb | Root breadcrumb landmark container. | data-slot="breadcrumb" |
tngBreadcrumbList | Ordered list container for the visible trail. | data-slot="breadcrumb-list" |
Item slots
| Directive | Purpose | Host hook |
|---|
tngBreadcrumbItem | List item wrapper for each visible segment. | data-slot="breadcrumb-item" |
tngBreadcrumbLink | Optional linked ancestor segment. | data-slot="breadcrumb-link" |
Separator contract
| Directive | Behavior | Host hook |
|---|
tngBreadcrumbSeparator | Marks decorative separators and applies aria-hidden="true". | data-slot="breadcrumb-separator" |
Owner responsibilities
- Choose the landmark label with
aria-label or surrounding context. - Author the current page state with
aria-current="page" on the visible current segment. - Decide whether disabled or collapsed segments render as links, text, or ellipsis nodes.
- Bring your own collapse logic if long trails need summarization.