digitaform-preview-react/dist/js/utils/component-configs-new.d.ts

A comprehensive React form preview component library with form controls,responsive design

export interface IFieldConfig {
    key: string;
    label: string;
    type: 'text' | 'number' | 'boolean' | 'select' | 'checkbox' | 'radio' | 'date' | 'date-time' | 'email' | 'textarea' | 'range' | 'signature' | 'options' | 'color' | 'dynamic-columns';
    defaultValue?: string | number | string[] | boolean;
    placeholder?: string;
    options?: {
        label: string;
        value: string;
    }[];
    validation?: {
        required?: boolean;
        minLength?: number;
        maxLength?: number;
        pattern?: string;
        readonly?: boolean;
    };
    min?: number;
    max?: number;
    step?: number;
    description?: string;
}
export interface ITabConfig {
    id: string;
    label: string;
    fields: IFieldConfig[];
}
export interface IComponentConfig {
    type: 'text' | 'text-input' | 'textarea' | 'select' | 'radio' | 'segment' | 'checkbox' | 'date' | 'date-time' | 'email' | 'number' | 'signature' | 'heading' | 'instructions' | 'section' | 'table' | 'datagrid' | 'file' | 'location';
    tabs: ITabConfig[];
}
export declare const TEXT_INPUT_CONFIG: IComponentConfig;
export declare const TEXTAREA_CONFIG: IComponentConfig;
export declare const SELECT_INPUT_CONFIG: IComponentConfig;
export declare const RADIO_GROUP_CONFIG: IComponentConfig;
export declare const SEGMENT_GROUP_CONFIG: IComponentConfig;
export declare const CHECKBOX_GROUP_CONFIG: IComponentConfig;
export declare const EMAIL_INPUT_CONFIG: IComponentConfig;
export declare const NUMBER_INPUT_CONFIG: IComponentConfig;
export declare const HEADING_CONFIG: IComponentConfig;
export declare const INSTRUCTION_CONFIG: IComponentConfig;
export declare const SECTION_CONFIG: IComponentConfig;
export declare const TABLE_CONFIG: IComponentConfig;
export declare const DATAGRID_CONFIG: IComponentConfig;
export declare const DATE_PICKER_CONFIG: IComponentConfig;
export declare const DATETIME_PICKER_CONFIG: IComponentConfig;
export declare const SIGNATURE_CONFIG: IComponentConfig;
export declare const FILE_UPLOAD_CONFIG: IComponentConfig;
export declare const LOCATION_CONFIG: IComponentConfig;
export declare const COMPONENT_CONFIGS: {
    'text-input': IComponentConfig;
    textarea: IComponentConfig;
    select: IComponentConfig;
    radio: IComponentConfig;
    segment: IComponentConfig;
    checkbox: IComponentConfig;
    'email-input': IComponentConfig;
    'number-input': IComponentConfig;
    heading: IComponentConfig;
    instructions: IComponentConfig;
    section: IComponentConfig;
    table: IComponentConfig;
    datagrid: IComponentConfig;
    'date-picker': IComponentConfig;
    'datetime-picker': IComponentConfig;
    signature: IComponentConfig;
    file: IComponentConfig;
    location: IComponentConfig;
};
//# sourceMappingURL=component-configs-new.d.ts.map