Navigation & Structure
Swiss Grid
Swiss design-inspired mega menu with precise grid layout and typography.
swissgridprecisetypography
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. |