Demo

Validations with masks for inputs forms using Yup, Unform and Material UI

This repository contain validations for using in your project or site. Here, i'm using inputs of Material UI, that are imported as TextFields.
Too using Yup lib for validation of values inside input. For send the data for server, i'm using the Unform lib.

→ For create a custom input, click here: Inputs custom with TextField

→ After, create a component that receive yours inputs custom: Click here.

→ For define masks on inputs, i'm create a component Masks.ts. In him, exist only defaults validation. If you want modify, enough add your validation mask: Click here.

→ Use too the setLocale for translate your errors messages: Click here. Remember of import the setLocale on App.tsx Ex: import './shared/components/Form-Inputs/TranslateErrors';