feat: improve demo

react-component · Oct 17, 2024 · 243125a · 243125a
1 parent cb771fe
commit 243125a
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/examples/panel.tsx b/examples/panel.tsx
@@ -61,6 +61,8 @@ export default () => {
 
   const [value2, setValue2] = React.useState<string[][]>([]);
 
+  const [disabled, setDisabled] = React.useState(false);
+
   return (
     <>
       <h1>Panel</h1>
@@ -71,13 +73,21 @@ export default () => {
       >
         Set Value
       </button>
+      <button
+        onClick={() => {
+          setDisabled(prev => !prev);
+        }}
+      >
+        {disabled ? 'enable panel' : 'disable panel'}
+      </button>
       <Cascader.Panel
         value={value}
         options={addressOptions}
         onChange={nextValue => {
           console.log('Change:', nextValue);
           setValue(nextValue);
         }}
+        disabled={disabled}
       />
 
       <Cascader.Panel
@@ -88,10 +98,9 @@ export default () => {
           console.log('Change:', nextValue);
           setValue2(nextValue);
         }}
+        disabled={disabled}
       />
 
-      <Cascader.Panel disabled options={addressOptions} />
-
       <Cascader.Panel options={addressOptions} direction="rtl" />
 
       <Cascader.Panel notFoundContent="Empty!!!" />