mui-custom-form
Version:
A versatile React form component utilizing MUI components and react-hook-form.
11 lines • 1.07 kB
JavaScript
import { FormControl, InputLabel, MenuItem, Select as MuiSelect, FormHelperText, } from "@mui/material";
import React from "react";
import { Controller } from "react-hook-form";
export const SelectField = ({ 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(FormControl, { fullWidth: true, error: !!error },
React.createElement(InputLabel, { required: field.required }, field.label),
React.createElement(MuiSelect, { label: field.label, ...controlField, value: controlField.value || (field.type === "multi-select" ? [] : ""), ...field.otherProps, multiple: field.type === "multi-select" }, field.list?.map((item) => (React.createElement(MenuItem, { key: item.value, value: item.value }, item.label)))),
error && React.createElement(FormHelperText, null, error.message))) }));
};
//# sourceMappingURL=SelectField.js.map