size
middle crumb
State
<nav aria-label="Breadcrumb">
<ol kuiBreadcrumbs>
<li><a kuiBreadcrumbItem href="/components">Components</a></li>
<li kuiBreadcrumbSeparator></li>
<li><span kuiBreadcrumbItem>Surfaces</span></li>
<li kuiBreadcrumbSeparator></li>
<li><span kuiBreadcrumbItem current>Breadcrumbs</span></li>
</ol>
</nav>| Name | Type | Default | Description |
|---|---|---|---|
| ol[kuiBreadcrumbs].size | 'sm' | 'md' | 'lg' | 'md' | Font size, separator scale, and spacing for the full trail. Falls back to defaults.breadcrumbs.size, then the global defaults.size. |
| a[kuiBreadcrumbItem] | directive | - | Native link crumb for navigable hierarchy levels. |
| span[kuiBreadcrumbItem] | directive | - | Plain-text crumb for grouping labels or the current page. |
| span[kuiBreadcrumbItem].current | boolean | false | Marks the final crumb as the current page and sets aria-current. |
| li[kuiBreadcrumbSeparator] | component | - | Decorative separator list item hidden from assistive technology. |
| .kui-breadcrumb-truncate | CSS class | - | Added to the crumb that should shrink with an ellipsis; keep the trail non-wrapping. The maximum width is --kui-breadcrumb-truncate-max-width. |
| button.kui-breadcrumb-ellipsis | CSS class | - | Styles a button that stands in for hidden crumbs. Breadcrumbs does not manage the menu; wire it to kui-menu or kui-dropdown yourself. |
| span.kui-breadcrumb-icon | CSS class | - | Optional leading icon wrapper, on the first crumb only. |
| KuiBreadcrumbsOptions | interface | - | Shape of defaults.breadcrumbs: size and separatorIcon (takes precedence over defaults.icons.separator). |