mui-custom-form
Version:
A versatile React form component utilizing MUI components and react-hook-form.
12 lines • 905 B
JavaScript
import { FormControl, FormHelperText, FormLabel } from "@mui/material";
import React from "react";
import { Controller } from "react-hook-form";
export const CustomField = ({ field, formControl, }) => {
const { control } = formControl;
const CustomComponent = field.component;
return (React.createElement(Controller, { name: field.name, control: control, rules: { required: field.required }, render: ({ field: controlField, fieldState: { error } }) => (React.createElement(FormControl, { fullWidth: true, error: !!error },
React.createElement(FormLabel, { component: "legend", required: field.required }, field.label),
React.createElement(CustomComponent, { value: controlField.value, onChange: controlField.onChange, ...field.otherProps }),
error && React.createElement(FormHelperText, null, error.message))) }));
};
//# sourceMappingURL=CustomField.js.map