Breadcrumb

Example

Razor

<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-module	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
script-attributes	IDictionary<String,Object>
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.