-
Notifications
You must be signed in to change notification settings - Fork 529
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
2909 splitpagelayoutpane accepts an id but doesnt apply it #2922
2909 splitpagelayoutpane accepts an id but doesnt apply it #2922
Conversation
🦋 Changeset detectedLatest commit: ea540cd The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
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 |
size-limit report 📦
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks great! Just left a non-blocking comment about simplifying it a bit.
@@ -736,6 +736,7 @@ const Pane = React.forwardRef<HTMLDivElement, React.PropsWithChildren<PageLayout | |||
'--pane-max-width-diff': '959px', | |||
}, | |||
})} | |||
{...(id && {id: paneId})} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
How do you feel about simplifying to this?
{...(id && {id: paneId})} | |
id={id} |
If id
is undefined
, it won't pass id
to the underlying component.
If id
is defined, paneId
and id
will be the same, so we can use either.
Describe your changes here - PageLayout/SplitPageLayout.Pane component is given an
id
attribute, it is applied to the component when rendered.Closes #2909 (type the issue number after # if applicable; otherwise remove this line)
Screenshots
Please provide before/after screenshots for any visual changes
This is just showing the updated story where the id can be passed to the PageLayout/SplitPageLayout.Pane component
Merge checklist
Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.