Angular Navigation Overview

The Kendo UI for Angular Navigation components provide easy and intuitive page navigation.

The Navigation components are built from the ground up and specifically for Angular, so that you get high-performance upload controls which integrate tightly with your application and with the rest of the Kendo UI for Angular components.

The Navigation 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

AppBar

A component which provides information and actions related to the current application screen.

BottomNavigation

A component for navigating among primary destinations in an application.

BreadCrumb

A component which allows you to navigate within a folder structure or web page.

ActionSheet

A component which provides a set of predefined options in modal view.

Change Theme

Theme

Loading ...

Each Kendo UI for Angular Navigation component delivers a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The Kendo UI for Angular team constantly invests efforts to improve the performance and add more value to the existing Navigation library as well as develop new features and controls to it.

Items Configuration

You can supply a collection of elements to the Navigation components to define and configure their items. Read more about the items configuration of the ActionSheet...

Appearance

You can customize the appearance of the Navigation items by displaying icons or images, or by changing their colors. Read more about the BottomNavigation appearance...

Templates

The Navigation components offer built-in options that allow you to customize their appearance to match your preferences and design requirements. Read more about the templates of the ActionSheet...

Position Modes

The Navigation components allow you to specify their position in relation to the page content. Read more about the position modes of the BottomNavigation...

Routing

You can utilize Angular Router and use the components from the Kendo UI for Angular Navigation as a navigational component. Read more about the routing of the BottomNavigation...

Globalization

The Kendo UI for Angular Navigation support globalization to ensure that each component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Navigation components support rendering in a right-to-left (RTL) direction. Read more about the globalization feature of the Navigation components...

Accessibility

The Navigation components are accessible for screen readers and support WAI-ARIA attributes. Read more about accessibility support of the BottomNavigation...

The Navigation components (except the AppBar) support a number of keyboard shortcuts which allow users to accomplish various commands. Read more about the keyboard navigation of the BottomNavigation...

Trial Version of Kendo UI for Angular

The Kendo UI for Angular Navigation components are part of the Kendo UI for Angular library. Kendo UI for Angular offers a 30-day trial with a full-featured version of the library—no restrictions! What’s more, you are eligible for full technical support during your trial period in case you have any questions. Sign up for a free 30-day trial of Kendo UI for Angular.

Support Options

For any questions about the use of Kendo UI for Angular Navigation, or any of our other components, there are several support options available:

Kendo UI license holders and anyone in an active trial can take advantage of the Kendo UI for Angular outstanding customer support delivered by the actual developers who built the library. To submit a support ticket, use the Kendo UI support system.
Kendo UI for Angular forums are part of the free support you can get from the community and from the Kendo UI team on all kinds of general issues.
Kendo UI for Angular feedback portal and Kendo UI for Angular roadmap provide information on the features in discussion and also the planned ones for release.
Kendo UI for Angular uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.
Of course, the Kendo UI for Angular team is active on StackOverflow as well and you can find a wealth of questions and answers there.
Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.

Angular Navigation Example

Angular Navigation Key Features