Overriding stepper, submit buttons etc?

[daviemakz]

Hi,

First of all, a fantastic library. I was wondering if there was a way to override the internal components used by the form. For example the Submit/Reset component, the Stepper component, both the top section which shows you where you are, and the buttons to go left and right?

Many thanks,

D

[github-actions[bot]]

Hey 👋 Thanks for creating your first issue - Someone will get back to you on this shortly.

[vip-git]

Hi @daviemakz - Yes you can set your own buttons for the form you can disable the current onSubmit prop by just not defining it.

<MaterialJsonSchemaForm 
      schema={schema} 
      uiSchema={uiSchema} 
      xhrSchema={givenXhrSchema || {}} // Optional
      theme={} // Optional - You need to explicitly provide your custom theme from MUI5 onwards
      formData={formData} 
      onChange={({ formData }) => setFormData(formData)}
      // onSubmit={(submittedData) => console.log('form submitted', submittedData)} <--- Dont define this
/>;

And then on onChange you can persist your form data as you get to override the onSubmit on your newly created button.

I hope this helps in resolving your issue .

Thanks - V