Components Breadcrumbs

Breadcrumbs

Overview API Examples Style Tokens

LmnBreadcrumbsComponent

import { LmnBreadcrumbsComponent } from '@elemental/ui';
Decorators:@Component
Selectors:lmn-breadcrumbs

Properties

NameTypeDescription
ariaCurrent
r
InputSignal<LmnBreadcrumbsAriaCurrentRole>

Accessibility

hideBackButton
r
InputSignalWithTransform<boolean, unknown>

Hide back button

items
r
InputSignal<LmnBreadcrumbsLink[]>

Array of links to display in the breadcrumbs

listName
r
InputSignal<string | Signal<string>>
nativeElement
r
HTMLElement
negative
r
InputSignalWithTransform<boolean, unknown>

Set negative state

triggerBackButton
r
OutputEmitterRef<Event>
triggerLink
r
OutputEmitterRef<LmnBreadcrumbsLinkTriggerEvent>
triggerListItem
r
OutputEmitterRef<LmnListItemTriggerEvent>
visibleElementThresholds
r
InputSignal<Partial<Record<LmnWidthZone, number>>>

Maximum number of links to display based on width zone

LmnBreadcrumbsCustomSlotStartDirective

import { LmnBreadcrumbsCustomSlotStartDirective } from '@elemental/ui';

LmnBreadcrumbsCustomLinkDirective

import { LmnBreadcrumbsCustomLinkDirective } from '@elemental/ui';
Decorators:@Directive
Selectors:[lmnBreadcrumbsCustomLink]

Properties

NameTypeDescription
template
r
TemplateRef<any>

Static Methods

static

ngTemplateContextGuard()

No documentation has been provided.

Presentation
static ngTemplateContextGuard(dir: LmnBreadcrumbsCustomLinkDirective, ctx: any): boolean;
Parameters
NameTypeDescription
dir
LmnBreadcrumbsCustomLinkDirective
ctx
any
Returns
boolean