React Material-UI Themes: Customize Material Components for your Project

In this video, we will have a look at how you can customize react material-ui to align with your company identity (design system) and products. We will create a material-ui theme to customize Colors, Buttons, TextFields, checkboxes, typography and more. We will override some css properties and also define default properties (props) for some components - for example, we will disable ripple for buttons and checkboxes. We will also disable the expansion animation in TextFields changing also the border-radius and colors. Timeline: 00:00 Introduction 02:08 Changing material-ui colors (palette) 03:59 Typography customization - fontFamily and fontSize 05:35 Border Radius customization 06:30 Changing default spacing: Space between elements 07:45 Overrides property: Button CSS overrides 08:30 Re ... #BrunoAntunesPT #material-ui #material-ui_themes #material-ui_theme #material-ui_typescript #material-ui_customization #material-ui_customize_components #material-ui_styles #material-ui_look_and_feel #material-ui_style_guide 20200624 bDkB3LoQKxs