Back to Component Library
navigation React 19 + TypeScript
Navbar
Responsive dark-glassmorphism navigation header bar with mega menu dropdowns, mobile drawer, and CTA actions.
$npx forgeui add navbar
Variant:
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
| brandName | string | 'ForgeUI' | Brand title label. |
| items | NavItem[] | [] | Array of navigation items and dropdown children. |
| variant | 'glass' | 'floating' | 'solid' | 'glass' | Navbar style variant. |
Accessibility Standards
Semantic header landmark tag, keyboard dropdown navigation, and mobile hamburger aria-expanded states.