Preview: Header Mega Menu 1.0-alpha
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
-
Basic top links, no groups or nesting -
Four columns, destinct groups with some nesting and a vanilla image -
Links, with decorative image aligned left -
Links with image call to action -
Links with plain call to action
Preview: default and compact =
-
Basic top links, no groups or nesting -
Four columns, destinct groups with some nesting and a vanilla image -
Links, with decorative image aligned left -
Links with image call to action -
Links with plain call to action
Preview: default and compact = true
-
Basic top links, no groups or nesting -
Four columns, destinct groups with some nesting and a vanilla image -
Links, with decorative image aligned left -
Links with image call to action -
Links with plain call to action
Preview: default and width =
-
Basic top links, no groups or nesting -
Four columns, destinct groups with some nesting and a vanilla image -
Links, with decorative image aligned left -
Links with image call to action -
Links with plain call to action
Preview: default and width = 990
-
Basic top links, no groups or nesting -
Four columns, destinct groups with some nesting and a vanilla image -
Links, with decorative image aligned left -
Links with image call to action -
Links with plain call to action
Details
Mega Menu for the top of the page.
Full Version: 1.0.1-alpha
Type: web component
Date Created: 11/06/2025
Version notes:
Github repository: https://github.com/web-illinois/ilw-header-megamenu/
Javascript file: https://dev.toolkit.illinois.edu/ilw-header-megamenu/1.0.0-alpha/ilw-header-megamenu.js
CSS file: https://dev.toolkit.illinois.edu/ilw-header-megamenu/1.0.0-alpha/ilw-header-megamenu.css
JSON information: ilw-header-megamenu.1.0-alpha.json