Breadcrumbs
(part of package 'Bootstrap Extra Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent
Breadcrumb is a navigation component that displays a series of links representing the current navigation path. It is typically used to help users navigate hierarchical structures within an application.
This is a reference page; many components have detailed usage guides here.
Properties
autoRemoveWhenClicked
When true, a breadcrumb item is automatically removed from the trail after it is clicked. Type: Boolean Default Value: true
breadcrumbs
An array of breadcrumb items representing the entire breadcrumb trail. Type: Array<CustomType<bootstrapextracomponents-breadcrumbs.crumb>>
crumbStyleClass
CSS style classes applied to individual breadcrumb items. Type: Styleclass
lastCrumbStyleClass
CSS style classes applied to the last breadcrumb item in the trail. Type: Styleclass
location
The position of the breadcrumb component on the form. Type: Point
styleClass
Additional CSS style classes to be applied to the breadcrumb container. Type: Styleclass
visible
Flag indicating whether the breadcrumb component is visible. Type: Visible
Events
onCrumbClicked(event,crumb,index)
Called whenever a breadcrumb item is clicked with the JSEvent and the item clicked on.
Parameters:
{JSEvent} event The event object containing details about the click event e.g. target element, mouse coordinates
{CustomType<bootstrapextracomponents-breadcrumbs.crumb>} crumb The breadcrumb item that was clicked
{Number} index The index of the clicked breadcrumb item in the items array
API
addCrumb(crumb)
Adds a crumb at the end
Parameters:
{CustomType<bootstrapextracomponents-breadcrumbs.crumb>} crumb A breadcrumb object to be added at the end of the breadcrumb trail.
removeCrumbsAfter(index)
Removes all crumbs after the given index
Parameters:
{Number} index The 0-based index after which all breadcrumbs will be removed.
removeLastCrumb()
Removes the last crumb
setCrumbs(crumbs)
Sets all crumbs
Parameters:
{Array<CustomType<bootstrapextracomponents-breadcrumbs.crumb>>} crumbs An array of breadcrumb objects to set as the entire breadcrumb trail.
Types
crumb
Represents an individual breadcrumb item. scripting type: CustomType<bootstrapextracomponents-breadcrumbs.crumb>
crumbId
Unique identifier for the breadcrumb item.
Type: string
displayName
The display name or label of the breadcrumb item.
Type: tagstring
Last updated
Was this helpful?