How to get nested variants for Radio Button Group to stick?

Could you share a file?

Why don’t you stick to interactive components for individual radio buttons, and keep only one “Group” component inside which items would swap?

Sure, here’s a scrubbed/minimized file for privacy purposes: Figma

I had originally built the interactivity within the individual radio buttons and one group with the individual radio buttons swapping within, but the issue is that they’ll act like checkboxes. You could select all of them at any point which doesn’t reflect the way a radio button group can only have one selected at a time. We’re trying to build this interactivity as realistically as possible within the components so our designers don’t have to built out every radio button group interactivity themselves.

Thank you.

It seems that Figma doesn’t always carry over properties of a Variant’s nested children when changing the parent’s properties:

• If the change affects the child directly (for example here, if the help text is visible under the button that swaps from checked to unchecked), the children will be reset to default.
• If the change doesn’t affect the child (e.g. a help text applied to a radio that doesn’t change state), the override will carry over.

I opened a thread a while ago on this subject. I just realized it wasn’t a feature request until now, and made it into one.

Ah bummer! But thanks for opening up a feature request, Antoine! And thanks for taking a look at my file and issue. Much appreciated. 😊

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.