Glass Navbar
A modern, responsive glassmorphic navbar with smooth spring navigation pills, mobile menu drawer, and keyboard accessibility.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/glass-navbar
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| brand | React.ReactNode | <EasyUILogo /> | Brand / Logo element or text component |
| brandHref | string | '/' | Root link destination for the brand logo |
| items | NavItem[] | Default items array | Array of navigation links with label, href, badge, icon |
| cta | React.ReactNode | <GetStartedButton /> | Right-hand side action slot / CTA button |
| activeId | string | undefined | Explicit active item identifier or label |
| variant | 'floating' | 'full-width' | 'floating' | Visual style layout structure |
| sticky | boolean | true | Pins the navigation bar to the top of the viewport |
| glass | boolean | true | Enables backdrop-blur glassmorphism background |
| onItemSelect | (item: NavItem) => void | undefined | Callback fired when any nav item is selected |