Skip to main content

React material-ui [version1] TextField customize

React material-ui v0.x gives the opportunity to customize elements by overriding styles easily. When it comes to latest version v1, it becomes a bit difficult to do that similar as the earlier version.
But they have given more options to customize elements by theming, overriding with classes and JSS.
So you have to be a reactJs or Mui expert to understand those stuff with the documentation other than the earlier version. (This tutorial for react/ mui beginners to migrate from version 0.x)

I will show you both version styling examples to do complete AtoZ customization to a TextField.

Comments

Post a Comment

Popular posts from this blog

Defer loading of JavaScript

To prevent JavaScript from blocking page loading, we recommend using the HTML async attribute when loading JavaScript. For example: <script async src="my.js"> If your JavaScript resources use document.write, it is not safe to use asynchronous loading. We recommend that scripts that use document.write be rewritten to use a different technique. Additionally, when loading JavaScript asynchronously, if your page loads scripts that depend on one another, care must be taken to make sure that your application loads scripts in the proper dependency order. If the external scripts are small, you can include them directly into the HTML document. Inlining small files in this way allows the browser to proceed with rendering the page.
Post a Comment
Read more

Customize ActionBar | Android Dev

How to change; Actionbar color? Statusbar color? Statusbar text color? **Set this style for the relevant activity <style name= "ThemeActionBar" parent= "ThemeOverlay.AppCompat.Light" > <!-- title text color --> <item name= "android:textColorPrimary" > @color/colorBlack </item> <!-- subtitle text color --> <item name= "android:textColorSecondary" > @color/colorBlack </item> <!-- action menu item text color --> <item name= "actionMenuTextColor" > @color/colorBlack </item> <!-- action menu item icon color - only applies to appcompat-v7 icons :( --> <item name= "colorControlNormal" > @color/colorBlack </item> <!-- enable actionbar --> <item name= "windowActionBar" > true </item> <item name= "windowNoTitle" > false </item> ...
Post a Comment
Read more