Add story example to illustrate resetting ReactCodeInput 40818419#69 4…

…0818419#129
acusti · Oct 15, 2021 · e84d0d7 · e84d0d7
1 parent 49b150e
commit e84d0d7
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/ReactCodeInput.stories.js b/src/ReactCodeInput.stories.js
@@ -117,4 +117,16 @@ propVariantStories
   )
   .add('disabled', () =>
     <ReactCodeInput disabled={boolean('disabled', true)} />
-  );
+  )
+  .add('reset', ResetForm);
+
+function ResetForm() {
+    const [value, setValue] = React.useState(null);
+
+    return (
+        <React.Fragment>
+          <ReactCodeInput onChange={() => setValue(null)} value={value} />
+            <button style={{ ...inputStyle, width: 'auto', backgroundColor: 'lightgray' }} onClick={() => setValue('')}>Reset</button>
+        </React.Fragment>
+    )
+}