diff --git a/src/atoms/ValidatedField.md b/src/atoms/ValidatedField.md index 15d5eaab1d9d26716dac5f2757b5c3c214835f63..b7a3472d07c3944682be4008765672b4a511ffac 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}/>} + /> ```