Swiss Grid
Swiss design-inspired mega menu with precise grid layout and typography.
Main Features of Swiss Grid
How to Use Swiss Grid in Next.js
Installation Guide for Swiss Grid
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
brandName | string | "HELVETICA." | Brand name displayed in header. |
items | Array<{num: string, title: string, description?: string}> | [] | Array of grid items with number, title, and description. |
backgroundColor | string | "#f0f0f0" | Background color (hex, rgb, or hsl). |
menuBgColor | string | "#f0f0f0" | Menu background color. |
itemHoverBgColor | string | "#000000" | Item hover background color. |