You can utilize the Angular Router and use the BottomNavigation as a navigational component.
To set the functionality, either:
- Use the select event to navigate to the route that the BottomNavigation item represents, or
- Use a template to add the routerLink directive to the item link. You could apply the
k-bottom-nav-linkCSS class to the link element in order to expand it to fit the whole BottomNavigation item.
The following example demonstrates how to use a template to render the
routerLink directive. You could apply the
k-bottom-nav-link CSS class to the link element in order to expand it to fit the whole BottomNavigation item.
The navigation logic could be executed in the select event handler of the BottomNavigation.