Material UI Buttons Guidelines for React

Can you design better than Google? Perhaps, but you don’t have so much design influence, thus you can’t dictate the design rules louder than Google.

Since the last Google Material Design retouching (passed slightly all over 2018 and still continues) — overall UI surface became better than before. Theming was officially declared in GMD. We tried to mix global styles with some little details to compose a hi-end material theme for web and mobile.

We at Setproduct still don’t have so much influence in the design world, but we don’t hesitate to try to bring our own design vision through Material-UI library to create a custom Material Design Theme for ReactJS.

Let’s start from the React Buttons UI guidelines and get ready to take a walkthrough over each small detail in every button from the material library...