The jQuery BottomNavigation component is a modern main navigation element optimized for mobile-sized screens and made popular by iOS. Most developers use it to present five or less primary navigation items, most often with icons, used to quickly navigate the app or website.
While icons are almost always used to represent navigation items, you can choose to use them with text, by themselves, or use text only. You can eve decide what combination you want to use in certain context. For example, show text only for selected items.
The jQuery BottomNavigation component is extremely flexible with options for item flow, theme colors, borders, shadow, and more.
The appearance of items in the jQuery BottomNavigation component 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.
The jQuery BottomNavigation component supports any globalization or localization scenarios. You can also enable RTL mode to display the control’s text and UI elements from left to right.
Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.
The jQuery BottomNavigation component is compliant with Section 508 standards, is AA rated with WCAG 2.0 and follows WAI-ARIA standards.
Read the jQuery BottomNavigation Accessibility documentation