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. Setup Default mega menu Use this example to show a list of links aligned on three columns inside the mega menu dropdown.
Default mega menu
Mega menu with icons
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
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
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.
Fill width with image
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.