New to KendoReact? Learn about KendoReact Free.
Custom Rendering
Updated on Aug 14, 2026
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:
Loading ...
Item Render Property
To override the default rendering of the whole item, use the itemRender property of the BottomNavigation.
Loading ...