-
-
Notifications
You must be signed in to change notification settings - Fork 32.4k
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
[docs][material-ui][Breadcrumbs] Document CondensedWithMenu option for Material UI Breadcrumbs #42973
Conversation
Netlify deploy previewBundle size report |
onClick
handler of ellipsis icon
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.
@Sergio16T Thanks for the pull request. But before I review it, I want to ask @DiegoAndai if this feature is useful. If he agrees, I will review it, and we can merge it after his final approval. @DiegoAndai, what do you think?
onClick
handler of ellipsis icon
@ZeeshanTamboli, @DiegoAndai after reviewing the ask again. I realized that the original ask from issue was to be able to create the menu functionality similar to the following Joy package example: https://mui.com/joy-ui/react-breadcrumbs/#condensed-with-menu This functionality is currently possible without any code changes. I updated the PR to instead update the documentation to demonstrate how this can be implemented using the MUI package. I don't believe the current ellipsis expansion behavior to show hidden breadcrumbs needs to change since the requested functionality is possible via the documentation example I added. |
docs/data/material/components/breadcrumbs/CondensedWithMenu.tsx
Outdated
Show resolved
Hide resolved
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.
Great, no changes to the component code are needed 👍
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.
Thanks for working on this @Sergio16T, and I'm sorry for the late reply.
The approach of adding the example to the docs makes sense to me 👍🏼
May I ask you to implement a few changes:
- Use the
IconButton
component instead ofButton
- Use the
MoreHorizIcon
icon (https://mui.com/material-ui/material-icons/?query=dots&selected=MoreHoriz) instead of the hardcoded three dots
Thanks!
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.
It looks good to me. I pushed two commits to refine some changes and merged latest master
branch. @DiegoAndai will give final review and merge.
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 LGTM, hope it can be merged soon
It looks good to be merged. Let's merge it. |
Closes #42597
Preview: https://deploy-preview-42973--material-ui.netlify.app/material-ui/react-breadcrumbs/#condensed-with-menu