From a08945139cc38c6795958afed613eeb660b14711 Mon Sep 17 00:00:00 2001
From: Alf Eaton <eaton.alf@gmail.com>
Date: Wed, 6 Sep 2017 15:48:58 +0100
Subject: [PATCH] Fix ValidatedField doc
---
src/atoms/ValidatedField.md | 30 ++++++++++++++++++++++++------
1 file changed, 24 insertions(+), 6 deletions(-)
diff --git a/src/atoms/ValidatedField.md b/src/atoms/ValidatedField.md
index 15d5eaab1..b7a3472d0 100644
--- a/src/atoms/ValidatedField.md
+++ b/src/atoms/ValidatedField.md
@@ -1,13 +1,31 @@
A form field that displays the results of validation.
```js
-<ValidatedField error="There was an error">
- <input/>
-</ValidatedField>
+const { reduxForm } = require('redux-form');
+
+const ValidatedFieldForm = reduxForm({
+ form: 'validated-field-error',
+ onChange: values => console.log(values)
+})(ValidatedField);
+
+<ValidatedFieldForm
+ name="error"
+ validate={() => 'Required'}
+ component={input => <input {...input}/>}
+ />
```
```js
-<ValidatedField warning="There was a warning">
- <input/>
-</ValidatedField>
+const { reduxForm } = require('redux-form');
+
+const ValidatedFieldForm = reduxForm({
+ form: 'validated-field-warning',
+ onChange: values => console.log(values)
+})(ValidatedField);
+
+<ValidatedFieldForm
+ name="warning"
+ warn={() => 'Expected'}
+ component={input => <input {...input}/>}
+ />
```
--
GitLab