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


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:

  • icon—Renders icons next to the BottomNavigation items.
  • text—Renders 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.

View Source
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.
  • horizontal—Renders the icon and the text on the same line.
View Source
Change Theme:

In this article

Not finding the help you need?