How to override submit button's class of the generated form?

[HHOSSAIN]

Prerequisites

• I have read the documentation

What theme are you using?

material-ui

What is your question?

I am trying to modify the <style> element in the header where data-mata="MuiButtonBase". I know for the attributes of the form, we can make styling changes like "padding" using ObjectFieldTemplate but what about the "submit" button? Can we make padding changes to it? If so, what should I use?

[heath-freenome]

@HHOSSAIN See this section of the uiSchema documentation

[HHOSSAIN]

@heath-freenome As stated here as well #2868 , the "Submit" button ignores the css classnames that I add here under "ui:submitButtonOptions". So, this is not letting me change the padding from 0 to 2 of <style> element of the header in data-mata="MuiButtonBase" .
I resolved it using a button from mui to replace the provided button.

[heath-freenome]

You can wrap your custom button with the Form and it will replace the submit button with that content. I.e.

<Form schema={schema}>
  <button type="submit" classname="your classname">Submit</button>
</Form>

[heath-freenome]

Also, in the upcoming rjsf v5 beta, the way the classes are added to SubmitButton will be fixed to support your use case.

[heath-freenome]

Fixed in the v5 beta, see the 5.x migration guide