Breadcrumb

Example

<kendo-breadcrumb>
    <kendo-breadcrumb-items></kendo-breadcrumb-items>
    <messages />
</kendo-breadcrumb>

ChildTags

Tag Name Details
kendo-breadcrumb-items BreadcrumbItemsTagHelper
messages BreadcrumbMessagesSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
as-child-component Boolean
bind-to-location Boolean Indicates whether the Breadcrumb will enable/disable the binding to the location object of the browser on initialization.
delimiter-icon String Defines a name of an existing icon in the Kendo UI Web Font Icons. The icon will be applied as separator between the segments of the Breadcrumb path.
editable Boolean Indicates whether the editing functionality of the Breadcrumb will be enabled/disabled.If the option is enabled the path will be editable. Clicking in an empty area of the component will trigger editing mode. Editing mode shows an input showing the value of the component enabling the end user to type a new path.
gap Double Defines the space in pixels after the last item to stay empty.The gap value is taken into account when items overflow and continues to remain empty.
has-client-component Boolean
navigational Boolean Indicates whether the navigation functionality of the Breadcrumb will be enabled/disabled.When navigational is set to false, automatic navigation (changing url location) is disabled by default. In this state, the click event will be prevented and navigation will occur only if programmatic navigation is implemented.When navigational is set to true, the url (path) will be automatically added to the href attribute of the rendered links. In this state, the click event will trigger navigation.
on-change String Fires when the value of the Breadcrumb is changed.
on-click String Fires when an item or a rootitem is clicked.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
root-icon String Defines a name of an existing icon in the Kendo UI Web Font Icons. The icon will be applied as the first item(root) of Breadcrumb path.The root icon is clickable and resets the value of the component.
sanitize-id Boolean
size ComponentSize Sets the size of the component.
tag String
value String Defines the value/path of the component. Each segments is separated by a slash.
In this article
Not finding the help you need?