New to Kendo UI for Angular? Start a free 30-day trial

Items

The BottomNavigation component allows you to specify a collection of items. The item itself allows the configuration of its content and itemFlow.

Item Content

To configure the content of the BottomNavigation items, use the following properties in its items collection:

  • icon - Sets icons to the BottomNavigation items.

  • text - Sets text labels to the BottomNavigation items.

The disabled and selected properties could be used to apply the corresponding state to the item. A full list of supported item properties could be found here.

Example
View Source
Edit In Stackblitz  
Change Theme:

Item Flow

To configure the flow of the BottomNavigation items content, use the itemFlow property.

The possible values are:

  • vertical(Default) - Renders the text below the icon.
  • horizontal - Renders the icon and the text on the same line.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?