Light Mode
Breadcrumb
The <salla-breadcrumb>
web component is used as a navigational helper and hierarchy for pages. Breadcrumbs are used as a high-level representation of where users have navigated. Users can click the pages' texts to go back to previous pages.
Example
Usage
:host {
display: block;
}
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
Items | items |
Breadcrumb items in an array of object where you specify the page title and URL | string |
undefined |
Slots
Theslots
makes it customizable to modify certain labels, such as icon
.
Slot | Description |
---|---|
icon |
Replaces the breadcrumb arrow icon with a customized icon. Find a list of Salla Icons here |
item |
Replaces breadcrumb item, with replaceable props which are {url} , {title} . |
Modified at a month ago