packages/ecl/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.ts
Displays a single breadcrumb segment with optional navigation or ellipsis.
| encapsulation | ViewEncapsulation.None |
| selector | ecl-breadcrumb-segment, li[eclBreadcrumbSegment] |
| imports |
NgTemplateOutlet
RouterLink
RouterLinkWithHref
EUI_ECL_ICON
EUI_ECL_LINK
|
| templateUrl | ./ecl-breadcrumb-segment.component.html |
Properties |
Methods |
Inputs |
Outputs |
HostBindings |
Accessors |
constructor(el: ElementRef)
|
||||||
|
Parameters :
|
| href |
Type : string
|
Default value : ''
|
|
Href used for standard navigation. |
| isCurrentPage |
Type : boolean
|
Default value : false
|
|
Highlights the segment as the current page. |
| isEllipsis |
Type : boolean
|
Default value : false
|
|
Displays the segment as an ellipsis instead of a link. |
| isHidden |
Type : boolean
|
Default value : false
|
|
Hides the segment visually and from assistive technologies. |
| queryParams |
Type : Params | null
|
Default value : null
|
|
Query parameters used with routerLink. |
| queryParamsHandling |
Type : QueryParamsHandling
|
Default value : null
|
|
Strategy for handling existing query parameters during navigation. |
| routerLink |
Type : string | any[]
|
Default value : null
|
|
Router link for navigation. |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| segmentClick |
Type : EventEmitter
|
|
Emits when the segment is clicked. |
| attr.role |
Type : string
|
Default value : 'listitem'
|
|
Defines the ARIA role for accessibility. |
| attr.tabindex |
Type : string
|
Default value : '-1'
|
|
Defines the tabindex attribute for accessibility. |
| class |
Type : string
|
|
Computes the CSS classes applied to the segment. |
| onSegmentClick | ||||||
onSegmentClick(evt: MouseEvent)
|
||||||
|
Handles the click event on the segment.
Parameters :
Returns :
void
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| Public el |
Type : ElementRef
|
| role |
Type : string
|
Default value : 'listitem'
|
Decorators :
@HostBinding('attr.role')
|
|
Defines the ARIA role for accessibility. |
| tabIndex |
Type : string
|
Default value : '-1'
|
Decorators :
@HostBinding('attr.tabindex')
|
|
Defines the tabindex attribute for accessibility. |
| cssClasses |
getcssClasses()
|
|
Computes the CSS classes applied to the segment.
Returns :
string
|