UI for ASP.NET MVC
ASP.NET MVC BottomNavigation
- Allow your users to quickly access frequently used destinations within your app with the ASP.NET MVC BottomNavigation component. Comes with limitless customization options.
- Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
- Includes support, documentation, demos, virtual classrooms and more!
-
Overview
The Telerik UI for ASP.NET MVC BottomNavigation component is a top-level component, ideal for navigating through your progressive web or mobile single-page apps. Best used with three to five items at the bottom of the viewport, it allows your users to quickly access their preferred and frequently used destinations within your application.
-
Appearance
The ASP.NET MVC BottomNavigation component offers flexible, built-in configuration options for styling the item flow, theme color and more granular customization elements, such as fill, border and shadow colors.
-
Items
The BottomNavigation control’s flexible elements can display an icon and/or a text label. You can choose to have icons only on the non-active items or even disable items in certain cases to match any design and ease users’ interaction with your application. -
Templates
You have the ability to further customize the component items by using templates for your unique design. They can consist of additional controls, icons, images and more—just make sure they fit the bottom of the navigation bar.
-
Theming
The Telerik ASP.NET MVC 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.
-
Keyboard Navigation 
The component provides keyboard navigation and accessibility features to allow as many people to use it. Users can easily interact with the component and go back and forth between the BottomNavigation items entirely through the keyboard.
-
RTL (Right-To-Left) Support
Right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. You can satisfy any script preference and ease user interaction by toggling between left-to-right and right-to-let alignment with only a few settings.
