File tree Expand file tree Collapse file tree 2 files changed +10
-1
lines changed Expand file tree Collapse file tree 2 files changed +10
-1
lines changed Original file line number Diff line number Diff 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 )
259260decorator 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
263270There are three ways to tell ` <Form/> ` and ` <Field/> ` what to render:
Original file line number Diff line number Diff 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 ) | ❌ | ✅ |
You can’t perform that action at this time.
0 commit comments