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.
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.
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.
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.
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.
RTL Support
The 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.