@payfit/unity-components
Version:
28 lines (27 loc) • 1.12 kB
TypeScript
/**
* 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 };