New to KendoReact? Start a free 30-day trial

Custom Rendering

The BottomNavigation enables you to override the default rendering of its items or apply modifications on the existing one.

To customize the appearance of the items, use the item property of the BottomNavigation.

The following example demonstrates how to add additional components in the BottomNavigation items such as FloatingActionButton, Icon, and Badge:

Example
View Source
Edit In Stackblitz  
Change Theme:

Item Render Property

To override the default rendering of the whole item, use the itemRender property of the BottomNavigation.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?