-
-
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
[core] Add grid support for Box #17326
Conversation
@material-ui/core: parsed: +0.27% , gzip: +0.17% Details of bundle changes.Comparing: e3952a5...7d16f09
|
121e9e9
to
3641dbf
Compare
Tests failure due to connection problem with github |
The changes are relatively small. I think that we can keep the discussion under a single place :) |
Leaving us in the slightly comical situation that Grid uses (flex)box, and Box, uses grid! 😄 |
I've been waiting more than a month for feedback. If you need me to do some more work on this to get this over the line, then please ask. |
@Lavoaster I didn't answer so far because I would like to revamp the whole implementation of the system. It's been out for almost a year now. We had people playing with it. We should be able to leverage these learnings. Regarding the change, I have one concern. What's the performance implication of the changes? Regarding the need for the grid support, I think that tailwindlabs/tailwindcss#32 upvotes are a good validation. |
@oliviertassinari That's a good question. I'm not sure how to measure performance on these specific changes in comparison to the last. Do you have any resources on how I may be able to do this? |
@Lavoaster Sure: cd packages/material-ui-benchmark
yarn system |
Hey guys, my team is looking at using CSS Grid more and would love to be able to access these inside Material-UI. how far away are we from merging this PR into the Repo? @Lavoaster @oliviertassinari Any updates on performance metrics? thanks! |
LGTM |
Provides the foundations for mui#15878
3641dbf
to
2af95b1
Compare
Thanks, we can add the documentation later on. |
Sorry for comment it merged PR, but we can reduce a code size to 730 bytes |
@popuguytheparrot What did you use for the terser options? |
This PR adds css grid support for the Box component. Resolves #15878.