@apptane/react-ui-form/dist/types/FormField.types.d.ts

Form layout component in Apptane React UI framework

/// <reference types="react" />
import { BoxDimensionsProps, BoxLayoutProps, ItemValue, MarginProps, ValueBoundControlProps } from "@apptane/react-ui-core";
import PropTypes from "prop-types";
export interface FormFieldProps<T extends ItemValue> extends BoxDimensionsProps, BoxLayoutProps, MarginProps, ValueBoundControlProps<T> {
    /**
     * Content.
     */
    children?: React.ReactNode;
    /**
     * Label content to display above the content.
     */
    label?: React.ReactNode;
    /**
     * Hint content to display below the content.
     */
    hint?: React.ReactNode;
    /**
     * Field name to pass to `htmlFor` attribute.
     */
    name?: string;
}
export declare const FormFieldPropTypes: {
    label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
    hint: PropTypes.Requireable<PropTypes.ReactNodeLike>;
    name: PropTypes.Requireable<string>;
    margin: PropTypes.Requireable<string | number>;
    marginTop: PropTypes.Requireable<string | number>;
    marginRight: PropTypes.Requireable<string | number>;
    marginBottom: PropTypes.Requireable<string | number>;
    marginLeft: PropTypes.Requireable<string | number>;
    m: PropTypes.Requireable<string | number>;
    mt: PropTypes.Requireable<string | number>;
    mr: PropTypes.Requireable<string | number>;
    mb: PropTypes.Requireable<string | number>;
    ml: PropTypes.Requireable<string | number>;
    horizontalAlignment: PropTypes.Requireable<import("@apptane/react-ui-core").ContentHorizontalAlignment>;
    verticalAlignment: PropTypes.Requireable<import("@apptane/react-ui-core").ContentVerticalAlignment>;
    orientation: PropTypes.Requireable<import("@apptane/react-ui-core").ContentOrientation>;
    wrap: PropTypes.Requireable<boolean>;
    height: PropTypes.Requireable<string | number>;
    width: PropTypes.Requireable<string | number>;
    minHeight: PropTypes.Requireable<string | number>;
    maxHeight: PropTypes.Requireable<string | number>;
    minWidth: PropTypes.Requireable<string | number>;
    maxWidth: PropTypes.Requireable<string | number>;
    h: PropTypes.Requireable<string | number>;
    w: PropTypes.Requireable<string | number>;
    minH: PropTypes.Requireable<string | number>;
    maxH: PropTypes.Requireable<string | number>;
    minW: PropTypes.Requireable<string | number>;
    maxW: PropTypes.Requireable<string | number>;
    basis: PropTypes.Requireable<string | number>;
    grow: PropTypes.Requireable<number | boolean>;
    shrink: PropTypes.Requireable<number | boolean>;
    /**
     * Hint content to display below the content.
     */
    disabled: PropTypes.Requireable<boolean>;
    value: PropTypes.Requireable<string | number>;
    onChange: PropTypes.Requireable<(...args: any[]) => any>;
};