Disable contents of whole form

[akashramtohul4]

Hello Friends ,

I have a component that contain many input fields and dropdowns , I want to make the whole component read-only.
Is there a faster way to disable those components without adding the disable key word in each input's and dropdown's ?

Can someone please help

Thanks

[ontwikkelfabriek]

@akashramtohul4

Is there a faster way to disable those components

give all your inputs a ref , put all the refs in an array, for each ref in the array, set the input on disabled.

[akashramtohul4]

I dont know if its possible to do that by css

[akashramtohul4]

i want to disable entire form

[MilosPaunovic]

Who said anythinfg about CSS? @ontwikkelfabriek suggested refs.

[akashramtohul4]

I found a better solution. The whole component looks like disabled

https://codepen.io/metalsadman/pen/QRoKoz