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.
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.
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.
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.
The Telerik ASP.NET MVC BottomNavigation component has 20+ built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). 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.
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.
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.