breadcrumb

Fragment reference breadcrumb

tags

ui

Breadcrumbs show the current location in a hierarchy. Each breadcrumb-item is a navigation step; the last one represents the current page and is rendered without a link.

Usage

breadcrumb
  breadcrumb-item(href="/home") Home
  breadcrumb-item(href="/products") Products
  breadcrumb-item Current Page

Attributes — breadcrumb

Name	Type	Default	Description
label	string	Breadcrumb	Accessible aria-label for the nav element.

Attributes — breadcrumb-item

Name	Type	Default	Description
href	string	-	Makes the item a link. Omit for the current/last item.
target	string	-	Link target (e.g. _blank).
rel	string	-	Link relationship.

Slots — breadcrumb-item

Slot	Description
start	Icon or element before the label.
end	Icon or element after the label.

Slots — breadcrumb

Slot	Description
separator	Custom separator between items (default is /).