Disable only the buttons within Upload component

[David]

Is there a way to disable only the buttons within the Upload component?

I am aware of the `disabled` attribute which disables the whole Component, but I need to disable only the 2 buttons which appear once you have at least 1 file on the list

[Wissam]

Hello, David,

I believe that you are referring to the `Clear` and `Upload` buttons when the autoUpload prop is set to `false`. Is this correct?

You can disable them by setting their CSS styles `pointer-events` to `none` and `opacity` to `0.4`. In the below example, I am adding these styles in the onAdd event:

• https://stackblitz.com/edit/react-xlrhrx?file=app%2Fmain.jsx

In addition, the Upload component has a showActionButtons prop which you can set to false to remove the visibility of the buttons if that matches what you need.

I hope this helps, but please let me know if you have any further questions.

Regards,
Wissam
Progress Telerik

[David]

Yes!

`showActionButtons` is exactly what I was looking for! (I need it dynamically)

I actually looked inside `Upload.d.ts` in node_modules... don't know how I missed it..

Thanks!

[Wissam]

You are welcome, David. I am glad that my reply was helpful to you.