
Always target a state class together with a component. Ensure Material icons tag has been added to index.html.
This will impact all components with unclear side-effects.
You can rely on the following global class names generated by Material UI: State

Choose your favorite icon through in the Material Icons Library. What custom state classes are available in Material UI? Now its easy to insert icons into the UX Builder with adding just a line of HTML.
Read me Beautify Anki (Material design, Deck Background and icon) Dancing.
Why do I need to increase specificity to override one component state?ĬSS pseudo-classes have a high level of specificity.įor consistency with native elements, Material UI's state classes have the same level of specificity as CSS pseudo-classes, making it possible to target an individual component's state. Custom Styles (font color, background colour, classes). I am seeing the icon button, but when I click on it I do not get the menu. If you'd like to learn more about this topic, we recommend checking out the MDN Web Docs on CSS Specificity. I have put together a working sample of the grid and want to add an IconMenu into a column for each row of the grid.
