finform-react-builder/dist/components/FinForm/inputs/FinMobileField.d.ts

A powerful, flexible React form builder with dynamic field rendering, custom validation, multi-step forms, Material-UI integration, image component support, toggle/radio buttons, switches, autocomplete, and advanced button positioning

import { default as React } from 'react';
import { DialCodeOption } from '../utils/phoneUtils';
export type FinMobileFieldProps = {
    id?: string;
    value?: any;
    onChange?: (val: string) => void;
    onBlur?: () => void;
    labelText?: string;
    label?: string;
    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
    placeholder?: string;
    disabled?: boolean;
    hasError?: boolean;
    helperText?: string;
    dialCodes?: DialCodeOption[];
    defaultDialCode?: string;
    mobilePrefixes?: string[];
    storeFormat?: string;
    phoneExamples?: string[];
    name?: string;
    inputTestId?: string;
    labelTestId?: string;
    errorTestId?: string;
};
/**
 * Mobile phone field: dial-code select + national number.
 * Visual tokens match FinTextField (8px radius, outlined, theme input tokens).
 * Stored value is national store-format string (not E.164).
 */
export declare const FinMobileField: React.FC<FinMobileFieldProps>;
export default FinMobileField;