@apptane/react-ui-form
Version:
Form layout component in Apptane React UI framework
48 lines (47 loc) • 3.09 kB
TypeScript
import { ItemValue } from "@apptane/react-ui-core";
import { FormFieldProps } from "./FormField.types.js";
/**
* `FormField` component — represents a field in the form layout with an optional label and hint text.
*/
declare function FormField<T extends ItemValue>({ children, label, hint, name, disabled, value, onChange, ...other }: FormFieldProps<T>): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
declare namespace FormField {
var displayName: string;
var propTypes: {
label: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
hint: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
name: import("prop-types").Requireable<string>;
margin: import("prop-types").Requireable<string | number>;
marginTop: import("prop-types").Requireable<string | number>;
marginRight: import("prop-types").Requireable<string | number>;
marginBottom: import("prop-types").Requireable<string | number>;
marginLeft: import("prop-types").Requireable<string | number>;
m: import("prop-types").Requireable<string | number>;
mt: import("prop-types").Requireable<string | number>;
mr: import("prop-types").Requireable<string | number>;
mb: import("prop-types").Requireable<string | number>;
ml: import("prop-types").Requireable<string | number>;
horizontalAlignment: import("prop-types").Requireable<import("@apptane/react-ui-core").ContentHorizontalAlignment>;
verticalAlignment: import("prop-types").Requireable<import("@apptane/react-ui-core").ContentVerticalAlignment>;
orientation: import("prop-types").Requireable<import("@apptane/react-ui-core").ContentOrientation>;
wrap: import("prop-types").Requireable<boolean>;
height: import("prop-types").Requireable<string | number>;
width: import("prop-types").Requireable<string | number>;
minHeight: import("prop-types").Requireable<string | number>;
maxHeight: import("prop-types").Requireable<string | number>;
minWidth: import("prop-types").Requireable<string | number>;
maxWidth: import("prop-types").Requireable<string | number>;
h: import("prop-types").Requireable<string | number>;
w: import("prop-types").Requireable<string | number>;
minH: import("prop-types").Requireable<string | number>;
maxH: import("prop-types").Requireable<string | number>;
minW: import("prop-types").Requireable<string | number>;
maxW: import("prop-types").Requireable<string | number>;
basis: import("prop-types").Requireable<string | number>;
grow: import("prop-types").Requireable<number | boolean>;
shrink: import("prop-types").Requireable<number | boolean>;
disabled: import("prop-types").Requireable<boolean>;
value: import("prop-types").Requireable<string | number>;
onChange: import("prop-types").Requireable<(...args: any[]) => any>;
};
}
export default FormField;