How to disable radio buttons in a radio button group?

Ask us anything How do I?
1

I want to disable a group of radio buttons in case a condition is met. I’m only able to select (and apply CSS to) the group but not each radio button itself. Adding the attribute “disabled” to the radio button group does not work. Does anyone have an idea?

2 Likes
2

Hello, has anyone a solution to this issue? I also want to disable a radio group and make it read only when a condition is fulfilled, but i can’t seem to find an option to do so.

Edit: I forked the component and added the “disabled” option myself.

1 Like
3

Hi Marcel :waving_hand:

I would have recommended the same approach, to fork it , modify it and import it back again.

This process can be made slightly easier and more powerful if you use an AI IDE like Cursor or Claude.

You can check 2 tutorials we recorded for this:

1 Like