Skip to main content

Breadcrumb

shadow

Breadcrumb displays one segment of the navigation path in the application and is a descendant of the Breadcrumbs element. It can also display an icon.

Note

For more information on using Breadcrumbs, navigate to the Breadcrumbs element documentation.

Attributes and Properties

href

DescriptionContains the URL or URL fragment to which the hyperlink points.
Attributehref
Typestring | undefined
Defaultundefined

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeReferences the a element inside the breadcrumb.
separatorReferences a span element containing a separator between breadcrumbs items.

CSS Custom Properties

NameDescription
--wje-breadcrumb-aThe color of the breadcrumb link
--wje-breadcrumb-a-hoverThe color of the breadcrumb link when hovered

Slots

NameDescription
``The main content of the breadcrumb element.
endThe content is placed on the right in the LTR and on the left in the RTL.
separatorSlot to customize the separator between breadcrumbs items. If not specified, the "chevron-right" icon is used by default.
startThe content is placed on the left in the LTR and on the right in the RTL.