Megamenu

[jjagielka]

📑 Description

Mega menu component.

<Megamenu/> is a standard visible component and its floating and visibility is managed by the `.

✅ Checks

• My pull request adheres to the code style of this project
• My code requires changes to the documentation
• I have updated the documentation as required
• All the tests have passed
• My pull request is based on the latest commit/version

ℹ Additional Information

I've tried to add all the necessary links, declarations, types, etc., but probably I've missed something.

There's a strange error and the doc page megamenu/index.md gets narrower then expected from time to time. I don't know how to fix that.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
flowbite-svelte	✅ Ready (Inspect)	Visit Preview	Jul 24, 2022 at 4:09PM (UTC)
flowbite-svelte-update	✅ Ready (Inspect)	Visit Preview	Jul 24, 2022 at 4:09PM (UTC)

[shinokada]

Thank you for the PR.

1. Can you check the position for the default mega menu and the mega menu with icons?

Flowbite

Flowbite-Svelte

Flowbite

Flowbite-Svelte

2. Menu item style

Flowbite

Flowbite-Svelte

Menu items in a mega menu li should not have the class but li>a should have the class hover:underline hover:text-blue-600 dark:hover:text-blue-500.

[jjagielka]

Should be good to run npm run gen:props to refresh all the recent changes.

[shinokada]

Thank you for the fix. Merged.

[shinokada]

Added megamenuLayout, megamenuBlock and updated the props.
Please set export variables at the top, before a function.

Thank you for your hard work.

[shinokada]

@jjagielka Thank you for your continuous contribution. Your contribution is a great help.

Is it possible to inform the component you want to work by adding a short comment in the issue?
Then we can avoid duplicate work.

• [Feature] Modal #176
• [Feature] Table component #11
• [Feature] Drawer #168
• [Feature] Navbar  #76
• [Feature] Textarea input #51
• [Feature] Select input #50
• [Feature] Search input #49
• [Feature] Datepicker (Experimental) #29
• [Feature] Rating component #6

[shinokada]

@jjagielka Can you have a look at this issue?
Mega menu is centered in a small screen.

Flowbite

http://localhost:8000/mega-menu#Mega_menu_with_icons

[shinokada]

@jjagielka Can you have a look at item type error?

[shinokada]

A11y problems with mega-menu page.

https://validator.unl.edu/?showsource=yes&showoutline=yes&doc=https%3A%2F%2Fflowbite-svelte.com%2Fcomponents%2Fmega-menu#cl307c338