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 BottomNavigation Component is part of Kendo UI for Angular, a professional grade UI library with 100+ 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.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • ItemsThe BottomNavigation allows you to specify a collection of items and enables you to define their content and content flow.
  • AppearanceYou can also use the predefined settings for applying different styling options to the BottomNavigation.
  • PositionThe BottomNavigation enables you to specify its position in relation to the page content.
  • TemplatesThe BottomNavigation provides options for customizing the appearance of its items.
  • RoutingYou can utilize the Angular Router service and use the BottomNavigation as a navigational component.
  • GlobalizationAll Kendo UI for Angular Navigation components provide globalization options.
  • AccessibilityThe BottomNavigation is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe BottomNavigation supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?