chore(ui): adjust radio demo

DevCloudFE · Feb 24, 2023 · b5a30c6 · b5a30c6
1 parent 723aa86
commit b5a30c6
Showing 1 changed file with 16 additions and 4 deletions.
diff --git 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>
  </>