New to Kendo UI for Vue? Start a free 30-day trial
Custom Rendering
Updated on Oct 31, 2025
The BottomNavigation enables you to override its default rendering by using the following options:
Item Property
To customize the appearance of the BottomNavigation items, you can use the item property of its items.
The following example demonstrates how to add additional components in the BottomNavigation items such as FloatingActionButton and Badge:
Change Theme
Theme
Loading ...
Item Render Property
To override the default rendering of all ButtonNavigation items, you can use the itemRender property of the component.
Change Theme
Theme
Loading ...