adding ErrorExample to TextInputSharedExamples

fabOnReact · Mar 12, 2022 · f22e1f3 · f22e1f3
1 parent fb30702
commit f22e1f3
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
@@ -473,7 +473,28 @@ class SelectionExample extends React.Component<
   }
 }
 
+function ErrorExample(): React.Node {
+  const [text, setText] = React.useState('');
+  const [error, setError] = React.useState(null);
+  return (
+    <TextInput
+      errorMessage={error}
+      onChangeText={newText => {
+        setText(newText);
+        setError(newText === 'error' ? 'this input is invalid' : null);
+      }}
+      value={text}
+    />
+  );
+}
+
 module.exports = ([
+  {
+    title: 'Error Message',
+    render: function (): React.Node {
+      return <ErrorExample />;
+    },
+  },
   {
     title: 'Auto-focus',
     render: function (): React.Node {