Buttons variants in MUI

  • Updated
Status

Release Available

Status

Framework Name

3.2

Current

MUI
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 Variant

Appearance

text
MUI-Variant-text.PNG

outlined
MUI-Variant-outlined2.PNG

default
MUI-Variant-default2.PNG

Example 12. Code JSON

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

Implementation Example

"Local" variant for Mui actions

The default variant is "contained".

Actions.png

Code JSON

[{
  "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" },
  ...
}]