diff --git a/docs/src/pages/components/RadioButton.svx b/docs/src/pages/components/RadioButton.svx
index aac4ea1d..dcde6c20 100644
--- a/docs/src/pages/components/RadioButton.svx
+++ b/docs/src/pages/components/RadioButton.svx
@@ -41,11 +41,11 @@ Use the named "legendText" slot to customize the legend text.
   <RadioButton labelText="Pro (128 GB)" value="pro" />
 </RadioButtonGroup>
 
-### Programmatic usage
+### Reactive example
 
-Bind the selected value using the `selected` prop.
+Use the `selected` prop to bind and update the selected value.
 
-<FileSource src="/framed/RadioButton/ProgrammaticRadioButton" />
+<FileSource src="/framed/RadioButton/RadioButtonReactive" />
 
 ### Left-aligned label text
 
diff --git a/docs/src/pages/framed/RadioButton/ProgrammaticRadioButton.svelte b/docs/src/pages/framed/RadioButton/RadioButtonReactive.svelte
similarity index 100%
rename from docs/src/pages/framed/RadioButton/ProgrammaticRadioButton.svelte
rename to docs/src/pages/framed/RadioButton/RadioButtonReactive.svelte