mui-custom-form
Version:
A versatile React form component utilizing MUI components and react-hook-form.
8 lines • 774 B
JavaScript
import { TextField as MuiTextField } from "@mui/material";
import React from "react";
import { Controller } from "react-hook-form";
export const TextareaField = ({ field, formControl, }) => {
const { control } = formControl;
return (React.createElement(Controller, { name: field.name, control: control, rules: { required: field.required }, render: ({ field: controlField, fieldState: { error } }) => (React.createElement(MuiTextField, { ...controlField, value: controlField.value || "", ...field.otherProps, label: field.label, type: "text", fullWidth: true, multiline: true, rows: field.otherProps?.rows || 4, required: field.required, error: !!error, helperText: error?.message, onChange: controlField.onChange })) }));
};
//# sourceMappingURL=TextareaField.js.map