Current behavior

When specifying the disabled prop on RadioGroup, it doesn’t have any effect on the underlying Radio children, nor the wrapper element itself.

Steps to reproduce the bug

1. Open https://stackblitz.com/edit/ariakit-unmdg3?file=src%2FApp.tsx
2. Observe disabled having no effect on the DOM subtree RadioGroup renders
   

The inline JSDoc isn’t clear enough about the disabled prop of RadioGroup, as it turns out focusable shall be set for the former to have an effect.

Expected behavior

The disabled prop of a RadioGroup should possibly disable all the Radio components within, either:

• On a one-by-one basis using context
• Making RadioGroup a fieldset by default and applying the disabled prop on it

Workaround

Use a render prop as follows:

<RadioGroup render={(props) => <fieldset disabled={disabled} {...props} />}>
  {children}
</RadioGroup>

Possible solutions

No response