Breadcrumb

Example

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

ChildTags

Tag NameDetails
kendo-breadcrumb-itemsBreadcrumbItemsTagHelper
messagesBreadcrumbMessagesSettingsTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
as-moduleBoolean
bind-to-locationBooleanIndicates whether the Breadcrumb will enable/disable the binding to the location object of the browser on initialization.
delimiter-iconStringDefines 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.
editableBooleanIndicates 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.
gapDoubleDefines 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-componentBoolean
navigationalBooleanIndicates 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-changeStringFires when the value of the Breadcrumb is changed.
on-clickStringFires when an item or a rootitem is clicked.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
root-iconStringDefines 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-idBoolean
script-attributesIDictionary<String,Object>
sizeComponentSizeSets the size of the component.
tagString
valueStringDefines the value/path of the component. Each segments is separated by a slash.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support