Kendo UI for Angular BottomNavigation Overview

The BottomNavigation component allows the user to navigate between primary destinations in an application. The component consists of items with text and icons, which offer a navigation element.

The Navigation Package is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the BottomNavigation in action.

View Source
Change Theme:

Key Features

  • Items—The BottomNavigation allows you to specify a collection of items and enables you to define their content and content flow.
  • Appearance—You can also use the predefined settings for applying different styling options to the BottomNavigation.
  • Position—The BottomNavigation enables you to specify its position in relation to the page content.
  • Templates—The BottomNavigation provides options for customizing the appearance of its items.
  • Routing—You can utilize the Angular Router service and use the BottomNavigation as a navigational component.
  • Globalization—All Kendo UI for Angular Navigation components provide globalization options.
  • Accessibility—The BottomNavigation is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigation—The BottomNavigation supports a number of keyboard shortcuts for processing various commands.

Support and Learning Resources

Additional Resources