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 enables you to configure its content and content flow through the itemFlow property.

Item Content

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

  • iconRenders icons next to the BottomNavigation items.
  • textRenders text labels next to the BottomNavigation items.

To apply the corresponding state to the item, use the disabled and selected properties. For the full list of the options, refer to the API reference topic on the supported BottomNavigation item properties.

Example
View Source
Edit In Stackblitz  
Change Theme:

Item Flow

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

itemFlow supports the following values:

  • vertical(Default)Renders the text below the icon.
  • horizontalRenders 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?