Variable Type
Variable typography mega menu with dynamic font weights and fluid text.
Main Features of Variable Type
How to Use Variable Type in Next.js
Installation Guide for Variable Type
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
buttonText | string | "Menu" | Button trigger text. |
items | string[] | ["Studio", "Work", "Agency", "Contact"] | Array of menu item labels. |
backgroundColor | string | "#ffffff" | Background color (hex, rgb, or hsl). |
itemTextColor | string | "#000000" | Item text color. |
itemHoverWeight | number | 900 | Font weight on hover. |