Bug: Unable to color MUI Button

[codewithshinde]

Steps to reproduce:

1. Drag and drop btn component
2. Try changing the width to 50%
3. Change the color to red
4. Check the preview

Please check the screenshot below

[ashalugin]

Hi @codewithshinde,

This is the color of the wrapper, not the color of the component. You can use the "Color" property on the Properties tab.

{
  "version": "1",
  "tooltipType": "MuiTooltip",
  "modalType": "MuiDialog",
  "form": {
    "key": "Screen",
    "type": "Screen",
    "props": {},
    "children": [
      {
        "key": "muiButton1",
        "type": "MuiButton",
        "props": {
          "color": {
            "value": "warning"
          }
        },
        "wrapperCss": {
          "any": {
            "object": {
              "width": "50%",
              "color": "rgba(28, 58, 42, 0.64)",
              "backgroundColor": "rgba(81, 158, 178, 0.6)"
            }
          }
        }
      }
    ]
  },
  "localization": {},
  "languages": [
    {
      "code": "en",
      "dialect": "US",
      "name": "English",
      "description": "American English",
      "bidi": "ltr"
    }
  ],
  "defaultLanguage": "en-US"
}