@ladg/rhfmui
Version:
The integration of MUI components with React hook form.
29 lines • 1.17 kB
TypeScript
import { ToggleButtonProps } from '@mui/material/ToggleButton';
import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
import { JSX } from 'react';
import { RegisterOptions, UseFormReturn } from 'react-hook-form';
type ToggleButtonGroupOptions = {
id: string;
optionLabel: string;
customOptionLabel?: () => JSX.Element;
value: string;
isDisabled?: boolean;
dataObject?: {
[x: string]: any;
};
};
type RHFMuiToggleButtonGroupProps = {
rhfinstance: UseFormReturn<any>;
rhf_rules?: Omit<RegisterOptions<any, any>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
name: string;
label?: string /** this option is optional */;
options: ToggleButtonGroupOptions[];
multiple?: boolean;
permanentMessage?: string | (() => JSX.Element);
onChangeExtraHandler?: ((e: React.MouseEvent<HTMLElement>, newValue: any) => void) | undefined;
toggleButtonGroupProps?: ToggleButtonGroupProps;
toggleButtonProps?: ToggleButtonProps;
};
export declare const RHFMuiToggleButtonGroup: React.FC<RHFMuiToggleButtonGroupProps>;
export {};
//# sourceMappingURL=RHFMuiToggleButtonGroup.d.ts.map