Loading component…
Components /Awwwards Nav
Glass bottom nav that expands into a mega-menu
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/awwwards-nav.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| items | AwwwardsNavLink[] | Sample set | Inline links shown in the collapsed bar: { label, href }. |
| columns | AwwwardsNavColumn[] | Sample set | Columns revealed in the expanded mega-menu: { title, links }. |
| moreLabel | string | 'More' | Label on the expand/collapse button. |
| onOpenChange | (open: boolean) => void | - | Called whenever the panel opens (true) or closes (false). |
| className | string | 'fixed bottom-6 left-1/2 -translate-x-1/2' | Extra classes for the root nav — use this to position it. |