Controls: Fix grouped Radio controls to have the same name

[srapilly]

Closes

no existing issue

What I did

Each radio control in the same group should have the same name. This fix the keyboard behavior, it was not possible to changes radio with the arrow keys. This will also group them for screen reader users.

How to test

1. Run a sandbox for template, e.g. yarn task --task sandbox --start-from auto --template react-vite/default-ts
2. Open Storybook in your browser
3. Access a args table from a story (
4. Try to changes a radio control with arrow keys

Checklist

• Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
• Make sure to add/update documentation regarding your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Maintainers

• If this PR should be tested against many or all sandboxes,
  make sure to add the ci:merged or ci:daily GH label to it.
• Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]

[srapilly]

I didn't add any test for now, I don't think you have component test ?

[srapilly]

Hi @JReinhold, should I do something so that you can approve/merge this PR ? thanks

[cdedreuille]

LGTM!

[JReinhold]

Great idea. ❤️

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit aea3797. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

• nx run-many -t build -c production --parallel=3

---

Sent with 💌 from NxCloud.

[srapilly]

Thanks for the merge, I had completely forgotten this PR :)