df-forms-preview-pack
Version:
A comprehensive React form preview component library with form controls, validation, conditional logic, and responsive design
24 lines • 1.1 kB
TypeScript
import React from 'react';
import { FormComponentType } from './df-form-controls/df-form-preview-interfaces';
import './DfFormPreview.scss';
export type DeviceType = 'desktop' | 'tablet' | 'mobile';
export interface DfFormPreviewProps {
formComponents: FormComponentType[];
formData?: any;
currentDevice?: DeviceType;
isPreviewMode?: boolean;
initialFormData?: FormComponentType[];
onSubmit?: (formData: FormComponentType[]) => void;
onFormDataChange?: (formData: FormComponentType[]) => void;
formTitle?: string;
formDescription?: string;
formTemplateId?: string;
onComponentSelect?: (component: FormComponentType) => void;
onComponentDelete?: (component: FormComponentType, event: React.MouseEvent) => void;
onComponentEdit?: (component: FormComponentType) => void;
onComponentUpdate?: (componentId: string, updates: Partial<FormComponentType>) => void;
selectedComponent?: FormComponentType | null;
}
export declare const DfFormPreview: React.FC<DfFormPreviewProps>;
export default DfFormPreview;
//# sourceMappingURL=DfFormPreview.d.ts.map