I am trying to use the slider in Material Design component, but stuck for styling the thumb. My design requirement needs shadow surrounding the thumb. From the
After I created ThemeSetting.tsx context I cannot use <Button><Button> and all things that use theme of materialUI ReactJS , Typescript error TypeEr
I think Android developers are kidding us. First they removed the real spinner from the Material Design and second it is somehow impossible to style. Look at th
In preference screens, I'd like to use MaterialComponent's dialogs (using MaterialAlertDialogBuilder) instead of AlertDialog from AppCompat. However, AppCompat'
I'm implementing dynamic dark mode change in the app I'm working on and It's working great for MODE_NIGHT_YES and for MODE_NIGHT_NO but when I'm setting this on
In official Material Design 3 resources (e.g. the Figma design kit), there have been many references to colors called "Surface at +x". These colors are the surf
I'm using Material 3 ButtonToggleGroup, I want to have a different background when a button is selected. However, If I don't add any attributes to my style appl
import {MDCTextField} from '@material/textfield'; const textField = new MDCTextField(document.querySelector('.mdc-text-field')); @import "@material/text
I've used "com.google.android.material.switchmaterial.SwitchMaterial" in that left margin having some space. How to reduce that? I've need align straight of the
I have layout with bottom sheet. <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:
I want to execute a method while a user is pressing down on a button. In pseudocode: while (button.isPressed) { executeCallback(); } In other words, the exec
I'm trying to customize a TextInputLayout with material style. I managed to set the focused state to the colors I want: Using <com.google.android.material.t
I'd like my Android app to have toolbars the same color as the primary surface (and the status bar -- which is already the primary surface color out of the box
I think there was a change in https://material.io/ - there are no codes for the icons, just 'name version' for example: <i class="material-icons"> cam
I create a registration form as part of my learning Angular and Nodejs. My form looks wide and it is ok, however the fields on this form looks narrow or thin. I
I tried making the small icon exactly 16x16, gray-scaled, nothing but gray and white (the gray color being hex value 616161), to create a silhouette of my appli
I'm currently using datatable to produce table below: I'm happy with the result as the width of each column is calculated automatically, resulting 1 line per
I have two required fields in my form .I want the asterisk color should be red.Currently it is showing black .I am using material UI react library ? here is my
I have just read that buttons (MaterialButton) (progress indicator material design) in Material Design, are able to hold a circular progress Indicator, as you
I'm creating a form using MUI, by default TextField bottom border is grey, blue on focus then again grey on focus loss. I aiming to make it not lose blue color