search

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.18k stars 32.08k forks source link

[docs][material-ui] CSS modules customization guide is incomplete #42941

Open oliviertassinari opened 1 month ago

oliviertassinari commented 1 month ago

Related page

https://mui.com/material-ui/integrations/interoperability/#css-modules

Kind of issue

Missing information on how to customize

Issue description

We should be covering how to use custom pseudo-classes, e.g. .Mui-selected. See https://stackoverflow.com/questions/78720445/how-to-target-mui-selected-state-class-using-css-modules/78720582 as the problem. See how https://mantine.dev/styles/css-modules/#referencing-global-class-names better explains it.

Context

I saw this from https://discord.com/channels/1131323012554174485/1259813365950189720

Search keywords: -

ZeeshanTamboli commented 1 month ago

I'll add the "ready to take" label for a contribution from the community.

oliviertassinari commented 1 month ago

I'm not sure a community contribution can truly help here. I would expect a rewrite of the whole Style library interoperability integration docs. It will take a good focus.

wojtek35 commented 3 weeks ago

I would like to start working on this issue and update the docs. I could update the CSS Modules section with a better explanation of the :global selector. If needed I could assist with rewriting the rest of docs

ZeeshanTamboli commented 3 weeks ago

@wojtek35 Feel free to.