-
-
Notifications
You must be signed in to change notification settings - Fork 32.3k
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
[AvatarGroup] Add spacing prop #19761
Conversation
…ponding to negative margin on avatar spacing Begin changes for spacing prop Change spacing to 4px increments with default -8px and add doc changes. Changing spacing from numerical to small, medium, and large spacing Update docs to reflect correct sizing
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.
Maybe we can support both 3. and 2.
@material-ui/core: parsed: +Infinity% , gzip: +Infinity% Details of bundle changes.Comparing: 61a9cc6...6b77702
|
@oliviertassinari Can you take a look when you get a chance? Should be good to go, but can't figure out why test_static or mui-org tests are failing. |
8ee426e
to
9da49b3
Compare
9da49b3
to
0ce81e0
Compare
@GFynbo The problem was the trailing spaces. I have also updated the logic to make CSS overrides of the spacing easier when the default value is used (inline style has more specificity). |
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.
We might be able to improve the description of the new spacing prop, but it's probably good enough to be merged.
@GFynbo After looking at the output of the large variant, I think that small and medium are enough. |
d9463e2
to
32f8b39
Compare
32f8b39
to
6b77702
Compare
Alright, one step at the time, in any case, we can continue to iterate. I'm happy to discuss it further :). Well done! |
This corresponds to issue:18869 with the enhancement of adding a spacing prop to the AvatarGroup lab component.
Add spacing prop with following options:
'small': -16
'medium': -8
'large': -4
This should allow the users to manipulate the spacing between avatars without directly requiring more css changes. This PR adds this functionality.
e.g.