Navbar

react-fancy
Registry JSON
Why
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.