Validation block schema

CodeStix · CodeStix · commit 0e84618a82a9 · 2021-04-07T21:21:11.000+02:00
diff --git a/articles/Validation.md b/articles/Validation.md
@@ -1,6 +1,8 @@
 # Validation
 
-A validator is a function that takes form values, and returns errors for these values in the same object structure.
+A validator is a function that takes form values, and returns errors for these values in the same object structure:
+
+![](/images/validator.png)
 
 You can use a validator by passing it to the [`useForm`](/docs/useForm) hook.
 
@@ -9,6 +11,8 @@ Its it recommended to use a validation library, as this makes the process of val
 -   [typed-object-validator](/docs/typed-object-validator): recommended, a typed-checked validation library
 -   [yup](/docs/yup): a widely used validation library
 
+You can ofcourse use every validation library there is, but the errors must be converted to be compatible with this library.
+
 ## Example
 
 ```tsx
diff --git a/public/images/validator.drawio b/public/images/validator.drawio
@@ -0,0 +1 @@
+<mxfile host="Electron" modified="2021-04-07T19:19:58.673Z" agent="5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/14.5.1 Chrome/89.0.4389.82 Electron/12.0.1 Safari/537.36" etag="T7o3mKai2xnlKYz7Nr08" version="14.5.1" type="device"><diagram id="DUvmS3gtdfAyBsockIrd" name="Page-1">7VjbcpswEP0aHtPBYOz60ZekTSftTMeZNHnqKLAGpUIisnzr13d1wYAht07SSTPxg43OapfdPdIR2Aun+faTJEX2VSTAvMBPtl4484JgEPr4rYGdBaJhzwKppImFasCc/gYHOr90RRNYNiYqIZiiRROMBecQqwZGpBSb5rSFYM27FiSFFjCPCWujP2iiMot+jPwK/ww0zco793xnyUk52QHLjCRiU4PCYy+cSiGUvcq3U2C6d2VfrN/JHdZ9YhK4eozDdP794mRy+2t8xuT57Gd2Oo7lUehyU7uyYEiwfjcUUmUiFZyw4wqdSLHiCeioPo6qOWdCFAj2ELwBpXaOTLJSAqFM5cxZYUvVZe36Sof6ELnRbOsim8GuHHAld5f1Qc1LDys3Myr9bH26qDvb5qClWMkY7ulVufyITEHdMy/Yk4ubAkQOmA/6SWBE0XUzD+KWZ7qfVzGIF47EJxDq4q4JW7k7ecGAYbqThcCC9UZhQhrL4Hal1x62KPTNpw4NUvdrfJcF4Y1lUk7UQY8WJKcMGz729BIckLywUcM+/sbYVgoSTRw2Lav2MN8m0NKsGB2m1y+2HekM9xlhc2xSzUSv5SGCE23lTTih67sLOszD5cgoh6PM7XZjHXVmWb9FE3IcLEjcvOt036Rvpkn7iE+my7aXXy9tl31Octgz46Z/ERmvO08f6BXCHbW8ivIgJ5Qd1nej6+v7qbHVo/wXRQ5nf5XpIXog603R3mRUwbywJWzw4G4KNGE05XjNYFEFW4NUsL1fRduq5xz67hB0TwHB0I031ZkalCdnVjtPR/4L6WTwrpPvOtmpk3qfLLCC5O0J4ynH9Y7bojS/a+Pr0MZHiGP4L8Wx3xLHC71uiBKawsWKx4oK3uojtkB1NyvGViD94UQ3iuLb1dgZcpok9qUCUEzItQmlWSgE5crUFU28aKZj4XuEFRwTWrPv3jB60fMQEUQHRIzaRPS6iAheioioRcSJkHmJLN8cA6MDAvodBHQ9JrwYAYMWAecZNDQVpDS7IkehqAnWGyOmH0UPMxM8DzM4rP4VMbbaX0vh8R8=</diagram></mxfile>
diff --git a/public/images/validator.png b/public/images/validator.png

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	+<mxfile host="Electron" modified="2021-04-07T19:19:58.673Z" agent="5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/14.5.1 Chrome/89.0.4389.82 Electron/12.0.1 Safari/537.36" etag="T7o3mKai2xnlKYz7Nr08" version="14.5.1" type="device"><diagram id="DUvmS3gtdfAyBsockIrd" name="Page-1">7VjbcpswEP0aHtPBYOz60ZekTSftTMeZNHnqKLAGpUIisnzr13d1wYAht07SSTPxg43OapfdPdIR2Aun+faTJEX2VSTAvMBPtl4484JgEPr4rYGdBaJhzwKppImFasCc/gYHOr90RRNYNiYqIZiiRROMBecQqwZGpBSb5rSFYM27FiSFFjCPCWujP2iiMot+jPwK/ww0zco793xnyUk52QHLjCRiU4PCYy+cSiGUvcq3U2C6d2VfrN/JHdZ9YhK4eozDdP794mRy+2t8xuT57Gd2Oo7lUehyU7uyYEiwfjcUUmUiFZyw4wqdSLHiCeioPo6qOWdCFAj2ELwBpXaOTLJSAqFM5cxZYUvVZe36Sof6ELnRbOsim8GuHHAld5f1Qc1LDys3Myr9bH26qDvb5qClWMkY7ulVufyITEHdMy/Yk4ubAkQOmA/6SWBE0XUzD+KWZ7qfVzGIF47EJxDq4q4JW7k7ecGAYbqThcCC9UZhQhrL4Hal1x62KPTNpw4NUvdrfJcF4Y1lUk7UQY8WJKcMGz729BIckLywUcM+/sbYVgoSTRw2Lav2MN8m0NKsGB2m1y+2HekM9xlhc2xSzUSv5SGCE23lTTih67sLOszD5cgoh6PM7XZjHXVmWb9FE3IcLEjcvOt036Rvpkn7iE+my7aXXy9tl31Octgz46Z/ERmvO08f6BXCHbW8ivIgJ5Qd1nej6+v7qbHVo/wXRQ5nf5XpIXog603R3mRUwbywJWzw4G4KNGE05XjNYFEFW4NUsL1fRduq5xz67hB0TwHB0I031ZkalCdnVjtPR/4L6WTwrpPvOtmpk3qfLLCC5O0J4ynH9Y7bojS/a+Pr0MZHiGP4L8Wx3xLHC71uiBKawsWKx4oK3uojtkB1NyvGViD94UQ3iuLb1dgZcpok9qUCUEzItQmlWSgE5crUFU28aKZj4XuEFRwTWrPv3jB60fMQEUQHRIzaRPS6iAheioioRcSJkHmJLN8cA6MDAvodBHQ9JrwYAYMWAecZNDQVpDS7IkehqAnWGyOmH0UPMxM8DzM4rP4VMbbaX0vh8R8=</diagram></mxfile>