The top topNavBarItems we're made to be flexible with any ReactNode while the bottomNavBarItems explicitly define a label, icon, and onClick for each item. I wanted to get some insight from others on whether this is a suitable way of handling this based on the designs.
BREAKING CHANGE: new navBar props and classnames
Changes
NavBarcomponent to match designThe top
topNavBarItemswe're made to be flexible with anyReactNodewhile thebottomNavBarItemsexplicitly define a label, icon, and onClick for each item. I wanted to get some insight from others on whether this is a suitable way of handling this based on the designs.Screenshots
Design
Desktop
Mobile
Before
Desktop
Mobile
After
Desktop
Mobile
Dark mode