SenseBreadcrumb — ArtificialSense UI

Category: Layout. Selector: sense-breadcrumb. Import: import { SenseBreadcrumbComponent } from '@artificialsenselabs/ui';

<sense-breadcrumb
  [home]="{ icon: 'home', routerLink: '/' }"
  [items]="[
    { label: 'Products', routerLink: '/products' },
    { label: 'Detail' }
  ]"
/>

Input	Type	Default	Description
`items`	`SenseBreadcrumbItem[]`	`[]`	Ordered trail crumbs after the optional home crumb.
`home`	`SenseBreadcrumbItem \| null`	`null`	Optional leading home crumb, often icon-only.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Density preset.
`ariaLabel`	`string \| null`	`null`	Navigation landmark label; falls back to i18n.
`styleClass`	`string \| null`	`null`	Additional host classes.

Renders an ordered list inside a navigation landmark.
The last crumb is marked aria-current="page" and is not interactive.
Use routerLink, url, or command on ancestor crumbs.

APG reference: WAI-ARIA breadcrumb pattern.

Overview

Inputs

Accessibility