diff --git a/src/components/fields/RadioGroup/RadioGroup.docs.mdx b/src/components/fields/RadioGroup/RadioGroup.docs.mdx
index 2c4bf61cc..11ec672d9 100644
--- a/src/components/fields/RadioGroup/RadioGroup.docs.mdx
+++ b/src/components/fields/RadioGroup/RadioGroup.docs.mdx
@@ -16,6 +16,18 @@ A radio group allows users to select exactly one option from a set of mutually e
- Display filter options where only one can be active
- Provide clear selection options in surveys or questionnaires
+Every variant of this component — `Radio.Tabs` included — is a **form control**: it runs through `useFieldProps` / `wrapWithField`, publishes `role="radiogroup"` semantics, and takes part in `Form` validation. Reach for one when the selection is a _value the user is setting_.
+
+### When not to use
+
+If the control is not a field — a toolbar that swaps which view is on screen, a segmented control over page content — use [Tabs](/docs/navigation-tabs--docs) instead, with `type="radio"` when the connected-button look was the point. It renders the same chrome without the field wiring, and it owns the panels it switches between.
+
+| In a `Form`? | Switches which controls render? | Use |
+| --- | --- | --- |
+| yes | yes | `Radio.Tabs` |
+| yes | no | `Radio.Group type="button"` |
+| no | — | `Tabs` (with `type="radio"` when the radio look was wanted) |
+
## Component
@@ -189,8 +201,10 @@ When using `type="button"`, you can customize the button appearance:
### Tabs Group
+Only inside a `Form`, and only when the choice changes which fields follow it — see [When not to use](#when-not-to-use). A toolbar switcher is `Tabs type="radio"`.
+
```jsx
-
+
Active
Inactive
Pending
@@ -318,22 +332,28 @@ When using `type="button"`, you can customize the button appearance:
```
-3. **Visual Type**: Use `Radio.Tabs` for compact toolbars, `type="button"` for spaced selections, traditional radios for forms
+3. **Visual Type**: pick by the shape of the choice, not by the look you want — `Radio.Tabs` for a compact connected group _inside a form_, `type="button"` for spaced selections, traditional radios for longer or descriptive option lists
```jsx
- {/* Good for compact toolbars */}
-
- List
- Grid
+ {/* Good for a compact form field that gates the fields below it */}
+
+ Basic
+ Advanced
+ {/* Don't: a toolbar view switcher is not a field — use Tabs */}
+
+ ...
+ ...
+
+
{/* Good for button selections */}
Low
High
- {/* Good for forms */}
+ {/* Good for a longer or descriptive option list */}
Male
Female
@@ -345,7 +365,7 @@ When using `type="button"`, you can customize the button appearance:
6. **Grouping**: Use meaningful group labels that describe the choice
7. **Options**: Keep option labels concise and mutually exclusive
8. **Layout**: Use horizontal layout only when space permits and options are short
-9. **Tabs Mode**: Use `Radio.Tabs` for compact, connected button groups in limited space
+9. **Tabs Mode**: `Radio.Tabs` is for compact, connected button groups in limited space _that are form fields_. Outside a `Form` — or inside one, when the choice doesn't change which controls render — reach for `Tabs type="radio"` or `type="button"` instead
## Integration with Forms
diff --git a/src/components/navigation/Tabs/Tabs.docs.mdx b/src/components/navigation/Tabs/Tabs.docs.mdx
index 721557e52..24296bea9 100644
--- a/src/components/navigation/Tabs/Tabs.docs.mdx
+++ b/src/components/navigation/Tabs/Tabs.docs.mdx
@@ -121,7 +121,7 @@ For individual tabs:
- `default` - Standard tabs with selection indicator below (default)
- `narrow` - Same as default but with collapsed horizontal label padding for compact layouts
- `file` - File-style tabs with border bottom highlight on selection, delimiter between tabs
-- `radio` - Radio button style for tab selection
+- `radio` - Radio button style for tab selection. This is the right choice for a compact switcher that is _not_ a form field — a view toolbar, a segmented control over page content. [`Radio.Tabs`](/docs/forms-radiogroup--docs) looks the same but is a form control, so keep it for choices inside a `Form`