UNPKG

@payfit/unity-components

Version:

28 lines (27 loc) 1.12 kB
/** * The `FieldGroup` component arranges form fields in a responsive grid layout within a Fieldset. * It optimizes space by displaying fields side-by-side on larger screens while stacking them on mobile devices. * @param {PropsWithChildren<object>} props - The props for the `FieldGroup` component * @example * ```tsx * import { Fieldset, FieldGroup } from '@payfit/unity-components' * * function Example() { * return ( * <Fieldset legend="Personal Information"> * <FieldGroup> * <TextField name="firstName" label="First name" /> * <TextField name="lastName" label="Last name" /> * </FieldGroup> * <TextField name="email" label="Email" /> * </Fieldset> * ) * } * ``` * @remarks * [API](https://unity-components.payfit.io/?path=/docs/forms-fieldset-fieldgroup--docs) • [Design docs](https://www.payfit.design/24f360409/p/1151cf-form-layout) */ declare const FieldGroup: import('react').ForwardRefExoticComponent<object & { children?: import('react').ReactNode | undefined; } & import('react').RefAttributes<HTMLDivElement>>; export { FieldGroup };