Skip to content

Breadcrumb

Shows the page hierarchy path; the last item is the current page (not clickable).

Basic usage

Basic usage

Custom separator

Custom separator

Click event

Click event

Nothing clicked

Edge cases

Empty data

API

Attributes

AttributeDescriptionTypeDefault
itemsBreadcrumb items JSONstring[]
separatorSeparatorstring/

Events

EventDescription
oas-selectA link item was clicked, detail: { value: href }

nav + aria-label="面包屑", the last item has aria-current="page" and is not clickable.