New to Telerik UI for Blazor? Download Free 30-day trial
Breadcrumb - Navigation
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
- Navigation.razor
Description
Telerik UI for Blazor Breadcrumb gives you the ability to easily navigate between different pages in the application. It uses the NavigationManager
from the framework to perform the navigation based on the value from the UrlField
. The UrlField
has a default value (Url
), and if present in the model, it is getting used even if you do not define it explicitly.
If there is a template that adds anchors or uses a click event to navigate the user itself, this may lead to double navigation and errors, especially if your model has a field called Url
. To avoid the double navigation, let the Telerik component do the navigation and remove the application-specific code that does it as well. The other thing you can do in that direction is to remove the URL
setting (either rename the model field or point the UrlField
to a non-existing field).
In case you need to dynamically generate the Breadcrumb paths based on the current application URL
, subscribe to the LocationChanged
event NavigationManager
provides. That event allows you to track every location change and set a new Breadcrumb item.