Kendo UI for Angular BottomNavigation Overview

Updated over 6 months ago

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.

ninja-iconThe BottomNavigation 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.Start Free Trial

The following example demonstrates the BottomNavigation in action.

Change Theme
Theme
Loading ...

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