feat: adicionando componente FormField

This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-01-11 17:06:09 -03:00
parent e0c55c7562
commit 8ac80bd0b4

View File

@ -0,0 +1,24 @@
import styles from "../../Main.module.scss";
import { Field, ErrorMessage } from "formik";
interface FormContentFieldProps {
title: string;
name: string;
placeholder: string;
type: string;
}
const FormField = (props: FormContentFieldProps) => {
const { title, name, placeholder, type } = props;
return (
<div className={styles["FormContent__Field"]}>
<label>{title}</label>
<span className={styles["FormContent__Field__Error"]}>
<ErrorMessage name={name} />
</span>
<Field name={name} type={type} placeholder={placeholder} />
</div>
);
};
export { FormField };