material-ui icon indicating copy to clipboard operation
material-ui copied to clipboard

[blog] Add Material UI v6 stable release

Open siriwatknp opened this issue 1 year ago โ€ข 9 comments

A blog post for Material UI v6 stable release.

๐Ÿ‘‰ https://deploy-preview-41932--material-ui.netlify.app/blog/material-ui-v6-is-out/


siriwatknp avatar Apr 17 '24 09:04 siriwatknp

Netlify deploy preview

https://deploy-preview-41932--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad) No bundle size changes

Generated by :no_entry_sign: dangerJS against 6190a89abb3ab892a33727bbd2a4c9ed7a8881c0

mui-bot avatar Apr 17 '24 09:04 mui-bot

The structure looks good. We discussed previously that because the target for the beta and stable release are so close, we might skip the beta blog. I started this discussion in the GTM page and tagged you. I think we can repurpose this for the stable release.

DiegoAndai avatar Jul 08 '24 15:07 DiegoAndai

@zanivan For the first demo that you proposed, I think it'd much simpler to use images may be with bento Grid layout. What do you think?

siriwatknp avatar Jul 11 '24 04:07 siriwatknp

For the first demo that you proposed, I think it'd much simpler to use images may be with bento Grid layout. What do you think?

I think it might work too, but wouldn't it be too small space for a bento grid with templates?

Or are you suggesting a static image like this one?

zanivan avatar Jul 11 '24 13:07 zanivan

Or are you suggesting a static image like this one?

๐Ÿ‘ Something like that. I can stretch the section wider to make the image bigger.

siriwatknp avatar Jul 15 '24 10:07 siriwatknp

๐Ÿ‘ Something like that. I can stretch the section wider to make the image bigger.

Does this looks good?

image

zanivan avatar Jul 15 '24 17:07 zanivan

๐Ÿ‘ Something like that. I can stretch the section wider to make the image bigger.

Does this looks good?

Perfect! can you add a light mode and send me the Figma link

siriwatknp avatar Jul 16 '24 02:07 siriwatknp

Here it is @siriwatknp ๐Ÿ˜Š

zanivan avatar Jul 16 '24 15:07 zanivan

@zanivan I will update the PR based on your comment.

siriwatknp avatar Jul 23 '24 03:07 siriwatknp

@zanivan I updated the templates and custom theme preview, please check again.

siriwatknp avatar Aug 02 '24 14:08 siriwatknp

@siriwatknp I added some tweaks to the demos, specially the CSS variables tableโ€”I think we can show this information in a different way, I don't like the idea of having a table like this with both vertical and horizontal scroll

zanivan avatar Aug 02 '24 17:08 zanivan

@siriwatknp I added some tweaks to the demos, specially the CSS variables tableโ€”I think we can show this information in a different way, I don't like the idea of having a table like this with both vertical and horizontal scroll

What do you have in mind? The reason I use table is to show a quick view of the tokens without taking up too much space vertically, so user can skip to other sections if they want to.

The other option is to not show the preview at all.

siriwatknp avatar Aug 05 '24 06:08 siriwatknp

What do you have in mind? The reason I use table is to show a quick view of the tokens without taking up too much space vertically, so user can skip to other sections if they want to.

I think it's ok for the blog post, I added a slight gradient to the bottom and right sides, so it's a bit clearer that it can be scrolled horizontally and vertically.

Maybe, we could make the width a bit larger, though, like the bento templates image.

zanivan avatar Aug 09 '24 12:08 zanivan

Maybe, we could make the width a bit larger, though, like the bento templates image

image

Done, I use the same width as the template section. Does it look better to you?

siriwatknp avatar Aug 12 '24 13:08 siriwatknp

Done, I use the same width as the template section. Does it look better to you?

I think users will be able to spot both the vertical and horizontal scrolling more easily. What do you think?

zanivan avatar Aug 13 '24 14:08 zanivan

@prakhargupta1 @bharatkashyap I moved the Toolpad section from h3 to h2

DiegoAndai avatar Aug 14 '24 16:08 DiegoAndai

The content here is RTM from my perspective.

Important note: Please wait until https://github.com/mui/material-ui/pull/43073 is merged to merge this one, as the upgrade guide URL changes in that PR (migrating-to-v6 -> upgrade-to-v6). After that PR is merged, we have to modify the links in this PR as well.

DiegoAndai avatar Aug 14 '24 20:08 DiegoAndai