How to customize add/remove buttons from AutoField array

[chaabouni-mahdi-ps]

I am new to uniforms,
i uses it with react 18, bootstrap 5 and simple-schema.
when using:

<AutoForm schema={schema} onSubmit={handleSubmit}>
<AutoField name="z"/>
...

with Z being specified with simpl-schema with type: array,
i get a grey buttons with "btn-secondary" css, one to add new array and the other to delete.
I was not able to customize them and still new to use useField and connectField.

Is there a way to customize them ?
Would love to know if there is more detailed documentation because "uniforms.tools/docs" feels very bare-boned and there is barely examples to work with.

Edit:
I am also getting in the console:
-Warning: ListAdd: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
-Warning: ListDel: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

[piotrpospiech]

Hi @chaabouni-mahdi-ps,

Thank you for sharing your feedback and the issues you have encountered as a new user with us.

Is there a way to customize them ?

There are limited options to style installed theme as a NPM package. You can create your custom ListField using useField or connectField. However, it is not the best solution, because you would be forced to declare in the schema or form each time that you want to use your custom ListField instead of built-in ListField.

If you want to customize uniforms theme, the best way to this this is to install theme locally and customize source code. Read docs for this case, but use your theme (uniforms-bootstrap5) instead of uniforms-unstyled.

Would love to know if there is more detailed documentation because "uniforms.tools/docs" feels very bare-boned and there is barely examples to work with.

Thank you for letting us know. Documentation could be better. We've already discussed this problem and we will try to improve it after #1407.

I am also getting in the console:
-Warning: ListAdd: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

This is a React warning that defaultProps that are used in uniforms source code will be deprecated in the next major React release. We were already working on the React v19 update, but the progress was stopped because we need to deal with the failure of important tests #1398.