Web Implementation Guidelines Group Component Builder Information (v3+)

Preview: Header Mega Menu latest

These are a preview of components with individual items triggered. Because this is automatically generated, some of these components may look similiar to each other. This is also used by the Axe Monitor process to validate accessibility.

Preview: Base level for Default

Preview: Default and compact =

Preview: Default and compact = true

Preview: Default and width =

Preview: Default and width = 990

Preview: Base level for All Variations

Preview: All Variations and compact =

Preview: All Variations and compact = true

Preview: All Variations and width =

Preview: All Variations and width = 990

Details

Mega Menu for the top of the page.

Full Version: 2.0-alpha

Type: web component

Date Created: 06/12/2026

Version notes:

Github repository: https://github.com/web-illinois/ilw-header-megamenu/

Javascript file: https://dev.toolkit.illinois.edu/ilw-header-megamenu/latest/ilw-header-megamenu.js

CSS file: https://dev.toolkit.illinois.edu/ilw-header-megamenu/latest/ilw-header-megamenu.css

JSON information: ilw-header-megamenu.latest.json

Web Implementation Guidelines Group Component Builder Information (v3+)

Note: this page is not using the toolkit because it is meant to test individual components in isolation.