Frosted
Glossy frosted glass mega menu with elegant transparency and modern aesthetics.
Main Features of Frosted
How to Use Frosted in Next.js
Installation Guide for Frosted
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundImage | string | '' | URL for background image. |
buttons | Array<{icon: ReactNode, dropdownTitle?: string, dropdownItems?: string[]}> | [] | Array of navigation buttons with icons and dropdowns. |
navBgColor | string | "rgba(255,255,255,0.1)" | Navigation background color. |
dropdownBgColor | string | "rgba(255,255,255,0.6)" | Dropdown background color. |
itemTextColor | string | "#404040" | Item text color. |