Mega menu
Standalone mega menu with one shared panel that resizes and slides between sections, an ember indicator, icon-link columns, a featured card with a drawn visual and a footer strip.
Preview
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| start / end | ReactNode | — | MegaMenu: brand on the left of the bar, actions on the right. |
| value / defaultValue | string | — | MegaMenu: open section (matches a MegaMenuSection value). |
| label | ReactNode | — | MegaMenuSection: trigger text. MegaMenu: navigation name (string). |
| footer | ReactNode | — | MegaMenuPanel: quick-link strip under the columns. Set width via className. |
| title | string | — | MegaMenuColumn: column heading that names the group. |
| icon / title / description / badge | ReactNode / string / string / string | — | MegaMenuLink: a link row with an optional ember badge. |
| visual / eyebrow / title / description | ReactNode / string / string / string | — | MegaMenuFeatured: featured card with a drawn visual on top. |
| active | boolean | false | MegaMenuTopLink: current page. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.