Skip to content

Add linkClass property to MenuItem component#2210

Open
chris-doucette-stack wants to merge 4 commits intobetafrom
cdoucette/KRAKEN-2572/add-menu-item-link-class-prop
Open

Add linkClass property to MenuItem component#2210
chris-doucette-stack wants to merge 4 commits intobetafrom
cdoucette/KRAKEN-2572/add-menu-item-link-class-prop

Conversation

@chris-doucette-stack
Copy link
Collaborator

@chris-doucette-stack chris-doucette-stack commented Mar 12, 2026

Ticket
Figma

Summary

This PR adds a new property, linkClass, to the MenuItem component. This new property allows users to add classes directly to the link/button element. I'd like to use this particular css class to adjust the border radius of the button as well as adding is-selected to it. The latter may better be handled through the selected prop but didn't want there to be css clashes between is-selected and is--selected

Testing

I added a test to make sure this is covered. I also ran a manual test where I added the linkClass prop to a MenuItem component just to make sure the css was applied properly, you can do the same if you'd like by altering the Menu.stories.svelte file.

@chris-doucette-stack chris-doucette-stack requested a review from a team March 12, 2026 14:41
@netlify
Copy link

netlify bot commented Mar 12, 2026

Deploy Preview for stacks ready!

Name Link
🔨 Latest commit 7827489
🔍 Latest deploy log https://app.netlify.com/projects/stacks/deploys/69b2d221705b8800086510e3
😎 Deploy Preview https://deploy-preview-2210--stacks.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Mar 12, 2026

Deploy Preview for stacks-svelte ready!

Name Link
🔨 Latest commit 7827489
🔍 Latest deploy log https://app.netlify.com/projects/stacks-svelte/deploys/69b2d2212110600008db6d79
😎 Deploy Preview https://deploy-preview-2210--stacks-svelte.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@changeset-bot
Copy link

changeset-bot bot commented Mar 12, 2026

🦋 Changeset detected

Latest commit: 7827489

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

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

asblanco

This comment was marked as duplicate.

Copy link

@asblanco asblanco left a comment

Choose a reason for hiding this comment

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

LGTM

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.

2 participants