background

UI for ASP.NET Core

ASP.NET Core BottomNavigation

  • Allow users to quickly access their preferred destinations within your app with the ASP.NET Core BottomNavigation.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core BottomNavigation - Header
  • Overview

    The Telerik UI for ASP.NET Core BottomNavigation component is a top-level navigation component, perfect for your mobile, single-page or progressive web apps. It is best used with three to five items, which take users directly to a new screen where they can focus their full attention on it without distractions. The component brings fast navigation and lets users build muscle memory where to touch in order to immediately switch over to the screen they care about.

    See the ASP.NET Core BottomNavigation Demo

    Telerik UI for ASP.NET Core BottomNavigation Component Overview
  • Appearance

    The component provides multiple built-in configuration options for modifying the item flow, the exact color to use from the theme, fill, border and shadow colors.

    Telerik UI for ASP.NET Core Bottom Navigation - Custom appearance
  • Items

    The items of the BottomNavigation component are flexible in both form and function. They can display text, an icon or a combination of the two, each designed with aesthetics in mind. You can even opt to have icons only on the non-active elements, while displaying the text label on the selected item. Items might be disabled when unneeded.

    Check out how to configure BottomNavigation Items

  • Templates

    The appearance of items in the control can be further customized by supplementing templates. Templates can easily contain other controls, icons, images and more—just make sure they fit the limited space at the bottom of the screen.


    Telerik UI for ASP.NET Core Bottom Navigation Templates
  • Theming

    The BottomNavigation component has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). You can easily customize any of out-of-the-box themes with a few lines of CSS or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application. 

    Telerik UI for ASP.NET Core BottomNavigation Theming
  • Keyboard Navigation

    The component is accessible to all users thanks to the built-in keyboard navigation that allows easy navigation and interaction with the form. Once the control is focused, users can use TAB / SHIFT+TAB to go back and forth between items.

    Telerik UI for ASP.NET Core Keyboard navigation
  • RTL Support

    The ASP.NE Core BottomNavigation component supports right-to-left (RTL) language scripts. When enabled, it automatically reverses the order of the items in the navigation to match the text.

    Telerik UI for ASP.NET Core Bottom Navigation - RTL Support

All ASP.NET Core Components

Next Steps