Flowbite Svelte: v0.46.14
Svelte: v5.0.0-next.179
SvelteKit: v2.5.18
Vite: v5.3.3

Mega menu

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.