diff --git a/packages/ui/src/components/radio/demos/1.Basic.md b/packages/ui/src/components/radio/demos/1.Basic.md
index 45ae5f14..c1fa9b2f 100644
--- a/packages/ui/src/components/radio/demos/1.Basic.md
+++ b/packages/ui/src/components/radio/demos/1.Basic.md
@@ -13,14 +13,26 @@ The simplest usage.
 最简单的用法。
 
 ```tsx
-import { DRadio } from '@react-devui/ui';
+import { useState } from 'react';
+
+import { DButton, DRadio } from '@react-devui/ui';
 
 export default function Demo() {
+  const [disabled, setDisabled] = useState(false);
+
   return (
     <>
-      <DRadio>Radio</DRadio>
-      <DRadio dDisabled>Radio</DRadio>
-      <DRadio dDisabled dModel={true}>
+      <DButton
+        onClick={() => {
+          setDisabled((prev) => !prev);
+        }}
+      >
+        Toggle disabled
+      </DButton>
+      <br />
+      <br />
+      <DRadio dDisabled={disabled}>Radio</DRadio>
+      <DRadio dDisabled={disabled} dModel>
         Radio
       </DRadio>
     </>