Navbar
react-fancyWhy
Every site needs a top chrome with a logo, primary nav, search, theme toggle, and a user menu — and every team rebuilds it. Skip the rebuild; ship a navbar that already understands dropdowns, brands, and responsive collapse to a
MobileMenu.What
Composable top-of-page chrome with
Navbar.Brand, Navbar.Item, Navbar.Actions, and an integrated theme-toggle slot. Sticky positioning baked in; dark-mode aware; pairs with MobileMenu.Flyout for sub-md breakpoints.How
Place
<Navbar> at the top of your layout, drop Navbar.Brand on the left with logo + name, list Navbar.Item entries for nav, and put theme + user actions inside Navbar.Actions. The showcase chrome itself uses this exact pattern.