Go Back to index

Breadcrumbs (Component)

The breadcrumb is s a type of secondary navigation element that shows a trail for allowing users to keep track of their location.

Inputs

Property Type Req Description Default
options StBreadCrumbItem[] False ] List of navigation parts for show in breadcrumb [\
elementsToShow Number False Max number of elements to show. 5
mode StBreadCrumbMode False Visualization mode StBreadCrumbMode.DEFAULT
qaTag String False Id value for qa test ''

Outputs

Property Type Description
select Number Notify any item selection

Example

<st-breadcrumbs [options]="options"
      (select)="onSelect($event)"
      qaTag="breadcrumbs">
</st-breadcrumbs>

Models

Id, optional label and icon of an option (StBreadCrumbItem)

export class StBreadCrumbItem {
    id: string;
    label ? : string;
    icon ? : string;
}