Skip to content

Commit 145e20e

Browse files
committed
Added link to warning example
1 parent f61d95f commit 145e20e

File tree

2 files changed

+10
-1
lines changed

2 files changed

+10
-1
lines changed

README.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,7 @@ const MyForm = () => (
120120
* [Loading and Initializing Values](#loading-and-initializing-values)
121121
* [Field Arrays](#field-arrays)
122122
* [Calculated Fields](#calculated-fields)
123+
* [Field Warnings](#field-warnings)
123124
* [Rendering](#rendering)
124125
* [API](#api)
125126
* [`Field : React.ComponentType<FieldProps>`](#field--reactcomponenttypefieldprops)
@@ -258,6 +259,12 @@ Demonstrates how to use the
258259
[`final-form-calculate`](https://github.com/final-form/final-form-calculate)
259260
decorator to achieve realtime field calculations through easily defined rules.
260261

262+
### [Field Warnings](https://codesandbox.io/s/m5qwxpr6o8)
263+
264+
Demonstrates how the power of subscriptions and mutators can be used to build a
265+
warning engine: logic to display a message next to each field that is _not_ an
266+
error that prevents form submission.
267+
261268
## Rendering
262269

263270
There are three ways to tell `<Form/>` and `<Field/>` what to render:

docs/comparison.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,14 @@ and you'd like it to be), please correct the mistake.
66

77
| Feature | [🏁 React-Final-Form](https://github.com/final-form/react-final-form#-react-final-form) | [Formik](https://github.com/jaredpalmer/formik) | [Redux-Form](https://github.com/erikras/redux-form) |
88
| ------------------------------------- | :---------------------------------------------------------------------------------------------------------------: | :----------------------------------------------: | :---------------------------------------------------: |
9-
| Bundle Size | [3.5k](https://bundlephobia.com/result?p=final-form) + [2.5k](https://bundlephobia.com/result?p=react-final-form) | [7.5k](https://bundlephobia.com/result?p=formik) | [26.8k](https://bundlephobia.com/result?p=redux-form) |
9+
| Bundle Size | [3.5k](https://bundlephobia.com/result?p=final-form) + [2.6k](https://bundlephobia.com/result?p=react-final-form) | [7.1k](https://bundlephobia.com/result?p=formik) | [26.8k](https://bundlephobia.com/result?p=redux-form) |
1010
| Works without Redux ||||
1111
| Record-Level Sync Validation ||||
1212
| Record-Level Async Validation ||||
1313
| Field-Level Sync Validation ||||
1414
| Field Level Async Validation ||||
15+
| Field Warnings ||||
16+
| Calculated Fields ||||
1517
| Render Prop for Form ||||
1618
| Render Prop for Field ||||
1719
| Array Fields | ✅ <sup>[1](#footnote1) |||

0 commit comments

Comments
 (0)