[REVERT] Add documentation example to InlineEdit Text to display isRe…

…adOnly prop
elastic · May 16, 2023 · 8a7b117 · 8a7b117
1 parent 0cdc03b
commit 8a7b117
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src-docs/src/views/inline_edit/inline_edit_text.tsx b/src-docs/src/views/inline_edit/inline_edit_text.tsx
@@ -5,6 +5,7 @@ import {
   EuiSpacer,
   EuiButtonGroup,
   EuiInlineEditTextProps,
+  EuiSwitch,
 } from '../../../../src';
 
 export default () => {
@@ -31,6 +32,13 @@ export default () => {
     setToggleTextButtonSize(optionId);
   };
 
+  /* isReadOnly toggle */
+  const [isReadOnly, setIsReadOnly] = useState(false);
+
+  const onChange = (e: any) => {
+    setIsReadOnly(e.target.checked);
+  };
+
   return (
     <>
       <EuiButtonGroup
@@ -44,10 +52,19 @@ export default () => {
 
       <EuiSpacer />
 
+      <EuiSwitch
+        label="isReadOnly"
+        checked={isReadOnly}
+        onChange={(e) => onChange(e)}
+      />
+
+      <EuiSpacer />
+
       <EuiInlineEditText
         inputAriaLabel="Edit text inline"
         defaultValue="Hello World!"
         size={toggleTextButtonSize}
+        isReadOnly={isReadOnly}
       />
     </>
   );