Buttons variants in MUI

  • Updated

Buttons variants in MUI

Status

Release AvailableStatusFramework Name
3.2CurrentMUI

General

Buttons support Material-UI built-in variant.

Note:

For more information on the Material-UI buttons variant, see https://material-ui.com/components/buttons/.

Button VariantAppearance

text

outlined

default

Code JSON
"settings": {
  "variant": {
    "TextField": "outlined",
    "Button": "outlined"    
  }
  …
}

Implementation Example

"Local" variant for Mui actions

The default variant is "contained".

Code JSON
Copy
[{
  "name": "next",
  "appearance": { "variant": "text", "label": "Next", "style": "primary" },
  ...
  
}, {
  "name": "reload",
  "appearance": { "variant": "outlined", "label": "Reload", "style": "primary" },
  ...
  
}, {
  "name": "redirect",
  "appearance": { "label": "Redirect", "style": "primary" },
  ...
}]

In This Article