Bottom Bar Demo
Component Features:
- Mobile-only: The bottom bar is only visible on small screens/mobile devices (hidden on md breakpoint and above).
- Animation: Icons have a pulse animation effect when clicked.
- Scroll to top: When clicking an already active navigation item, the page will scroll smoothly to the top.
- Adaptive layout: With center button enabled, navigation items are split into two groups. Without it, items spread evenly.
Current Page Content
This is where your page content would appear.
The bottom navigation bar will appear at the bottom of the viewport on mobile devices.
Note: Resize your browser to a mobile width (less than 768px) to see the bottom bar. On larger screens, it's hidden by design.