react-hook-form-chakra-fields
Version:
A collection of form fields on top of simple and accessible react component library [Chakra UI](https://chakra-ui.com/) and performant form library [React Hook Form](https://react-hook-form.com/), integrated with many other js/ts libraries.
26 lines (25 loc) • 979 B
TypeScript
import { ComponentType, ReactElement, ReactNode } from 'react';
import { ControllerRenderProps, UseFormMethods } from 'react-hook-form';
import { FieldControlProps } from './FieldControl';
import { GridItemProps } from '../types';
interface ReadModeProps {
value: any;
}
export interface FieldPrototypeProps extends GridItemProps {
name: string;
label: ReactNode | string;
id: string;
required?: boolean;
disabled?: boolean;
tip?: ReactNode | string;
helperText?: ReactNode;
}
interface InnerPrototypeProps {
isInvalid: boolean;
}
interface IProps extends Omit<FieldControlProps, 'children' | 'errorText'> {
children: (methods: UseFormMethods, controllerProps: ControllerRenderProps, innerProps: InnerPrototypeProps) => ReactElement;
readModeComponent?: ComponentType<ReadModeProps>;
}
declare const FieldPrototype: ({ children, name, isRequired, ...props }: IProps) => JSX.Element;
export { FieldPrototype };