material ui change button to custom color

/* 
style={{backgroundColor: '#12824C', color: '#FFFFFF'}}
backgroundColor changes the button color 
color changes the text color
These examples use Hex to define the color (Green button with white text)
*/

// Example
import React from 'react';
import Button from '@material-ui/core/Button';

const GreenButton = () => {
  return(
    <Button 
    style={{backgroundColor: '#12824C', color: '#FFFFFF'}}
    >Green</Button>
  )
}

export default GreenButton;

Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
changing colors material ui button change color button material ui setting color to material ui button setting color to material ui buttons button color mui how to change the color of material component button web how to change the color of material component button android material ui button color not changing material ui button color not changing android studio ToggleButton material ui how to change color how to change text color in material ui button material-ui change button color on click change button color after click in material ui button in material ui black background color button material ui material ui change primary react button color color material ui button react material button change color change button background color btn mui btn change color mui material ui button colours changing color of material ui button materila ui button color material ui button color danger @material-ui/core/Button set white color palette color in button material ui material ui buttons with black color material ui button color success change text color button material ui how to add button color to material ui contained colors in material ui button how to change colour of button in materialui materialUI change button background color material ui global button color material ui theme button color override react material ui button custom color how to change color of button in material ui using color property how to change @material-ui/core button color how to change primary color of material ui button mui button color how to change background color in material ui button color red button material ui how to set default button text color in material ui react material ui button success color Widget.MaterialComponents.Button change color in theme how to change background color in button material ui material ui button changes colors change button background color material ui CHANGE COLOR OF step button in material ui material ui button group background color material-ui button custom color issue material ui buttons color issue color for green material ui button how to customize button color material ui material ui button primary color changes the text and not the whole button material ui button primary color not changing button material ui color Change color of material button in react react mui custom button color materail Ui button color button color primary material ui white button material ui material UI buttons variant and colors material ui button color palette change on click change color of text in button in material ui material ui buttons colors button inside color white in material ui react material ui secondary button text color set own color for button in material ui how to change material ui button background color material-ui button color mui change button color custom button group color material ui button materialui color material ui button group turn the color of selected change material ui button in css material ui set button color secondary dark mui button change background color material ui button color custom material ui change button color onclick material ui black button color change material ui button bgcolor material ui button color not changing material ui change button group color Button colors mui giving custom color to material ui button material-ui.com button on jover color red color to button in material ui CHANGE COLOR OF BUTTON IN MATERial ui react material ui change button color react material i change color of button material ui button warning color material ui change button color using theme custom color button material ui material ui button color warning material ui button change color onclick change colour of material ui button material ui button color wont change css can i change the color of material ui button button in material ui react color changing material ui button primary secondary color react change material ui button color button color green material ui how to color material ui buttons material ui change primary color button color a material ui button with css material ui button special color customize material ui button color button color react js ui material mui button primary variant color material ui change color of active button materialui button color primary materialui button color change button color metro set ui button background color material ui how to add more colors to buttons in material ui material ui button color list change mui button color changing material ui button color material ui custom color button material ui button color use primary dark material ui button color using primary dark button link material ui color material ui change button text color how to change the color of button in materrial ui material ui more button colors material-ui custom button color button change color material ui how o change material button color react button color red metrial ui material ui button color change material ui change button font color how to send colors on button in material ui material ui button color red material-ui button color options material ui button color changes text set style for all buttons material ui how to give custom color to button in material ui material-ui buttongroup colors material-ui button colors qml material button color changing button background color android material-ui how to give button custom color material ui core react native how to customize button color mui pass custom color to button custom color attribute button material ui button color in material ui change color of button material ui how to change color of material ui buttons material ui button colors change button setting in the palette object material ui material ui change button background color how to set background colour of button in material ui material ui button color prop change color material ui button material ui button add colo button color material ui color that material UI button background color in a button of material ui change button color material ui material ui change color of button click change color of active button material ui change button color on click material ui How to change background of button in Material ui mui set color button material ui change buton color react material ui button background color altering color on material ui button matrial ui button color white change button text color material ui how to change button background in materialui material-ui.com change color button on variable material-ui change button color how to change material ui button color material-ui all button color changing button colors material ui change button primary color material ui change the color of material ui button react material ui button style fontcolor specifying the material ui button color materialUi buttons setting color material ui change background color on click button background color material ui button button color red material ui button colors material ui material-ui button color how to change the button color in material ui material ui button background color matreial ui how ot color button change material ui button color button color white material ui material ui button goes white change the outline color of the material ui button material ui button hover color material ui button font style how to customize the material ui button color how to change button color in material ui change button color in material ui material ui change default button color materialize button color change material button background color how to change button color in material design theme color button material ui theme color button material ui material ui color button how to change color of button in material ui material ui add a new color to button material ui button change color material ui how to change colors of buttons material ui buttons keep removing themes how to add custom colour in mui button material-ui react change button color change color of material ui button material ui custom button color material ui button custom color palette material ui button custom color material ui button custom color name material-ui button custom color create custom button color in createMuiTheme create custom button color in material ui theme material ui custom buttin color define a custom color to outlined material ui button define a custom color to button material ui how to get green color for material ui Button backgroundColor: theme.palette.button.action how to change inputlabel color in material ui InputLabel color change in material ui material ui button colors custom react material ui button color material ui button color material ui change button color material ui change button to custom color
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source