The mega menu component is a full-width dropdown that can be triggered by clicking on the menu item and it shows a list of links that you can use to navigate through the pages on a website.
Default mega menu
Use this example to show a list of links aligned on three columns inside the mega menu dropdown.
Mega menu with icons
This example of a mega menu dropdown can be used to also show an icon near the text of the link.
Full width dropdown
Use this example to show a mega menu dropdown that spans the entire width of the document page.
Full width with CTA
This example can be used to also show a CTA button or link next to the menu items inside the dropdown.
Full width with image
This example can be used to also show a CTA with a backdround image inside the dropdown next to the other menu items and links.