Shadcn Navigation Menu Learn More Button

When to use

• Site headers whose top level items open panels of links, such as docs, components or industry pages
• Mega menu panels that lay out links with summaries in columns, with glyphs and a call to action button
• Header rows that mix panel triggers with plain top level links styled to match them

When not to use

• Cards that should stack in 1 column below the md breakpoint: use the Navigation Menu Grid Layout example
• Actions on the current page, such as edit, share or sign out, opened from one button: use the Dropdown Menu component
• Sections of a signed in app listed down the screen edge and kept in view: use the Sidebar component
• A complete header with logo, link panels and a Get Started button already placed: use the Navbar blocks

Agent notes

• Each NavigationMenuLink renders a fixed hash link, so the href on every industries entry is never read
• NavigationMenuLink takes its anchor through render on the base twin and asChild on the radix twin; neither twin reads the other one's prop
• Every href is a hash placeholder; point each NavigationMenuLink at a real route, through your router link where you have one
• The radix NavigationMenu opens panels in a shared NavigationMenuViewport unless viewport is false; base has no viewport prop and uses align