Skip to content

Mega Menu #6230

Open
ThusharaJ07 wants to merge 57 commits into
mainfrom
2405-create-mega-menu-component
Open

Mega Menu #6230
ThusharaJ07 wants to merge 57 commits into
mainfrom
2405-create-mega-menu-component

Conversation

@ThusharaJ07
Copy link
Copy Markdown
Contributor

Adding Mega Menu

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Apr 8, 2026

🦋 Changeset detected

Latest commit: a237915

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages
Name Type
@salt-ds/lab Minor
@salt-ds/core Patch
@salt-ds/countries Patch
@salt-ds/date-components Patch
@salt-ds/embla-carousel Patch
@salt-ds/highcharts-theme Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 8, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
saltdesignsystem Ready Ready Preview, Comment May 11, 2026 5:09pm

Request Review


const handleKeyDown = (event: KeyboardEvent<HTMLLIElement>) => {
rest.onKeyDown?.(event);
if (event.key === " " || event.key === "Enter") {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Handling space and enter here seems strange, plus can't we just rely on the native link behaviour?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

space is not handled by the link. i have asked this question to design if we want to have space to select the menuItem.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Design said it should react same as Salt menu item. By clicking space user should able to select the item.
CC: @honey-chang

children?: ReactNode;
}

export const MegaMenuItemContent = forwardRef<
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What benefit does this component provide?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this was added to replicate the padding: var(--salt-spacing-75) 0 we have applied on the text content so that icon aligns to the start.

Comment thread packages/lab/src/mega-menu/MegaMenuPanel.css Outdated
Comment thread packages/lab/src/mega-menu/MegaMenuPanel.tsx Outdated
Comment thread packages/lab/src/mega-menu/MegaMenuPanel.tsx Outdated
Comment thread packages/lab/src/mega-menu/MegaMenuPanel.tsx Outdated
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create RC for Mega Menu component in Labs

3 participants