Query regarding usage #992

Activity

1. rvsia commented on Mar 17, 2021

   

   rvsia

   on Mar 17, 2021

   Contributor

   More actions

   Hello, thank you for your kind words!

   If you are using Material UI mapper, you can actually simply place 2 or more fields in the same row.

   Each MUI component is wrapped in Grid component and you pass props simply by setting: FormFieldGridProps: { xs: 6 } etc. You can check a previous issue with example: #871

   Box component should be simple to implement if you need it:

   const FormBox = ({ fields, ...props }) => {
      const { renderForm } = useFormApi();
   
     return <Box>{renderForm(fields)}</Box>
   }

   You can check documentation for more details.

   (Also moving this to discussions)
2. rvsia

   closed this as completedon Mar 17, 2021
3. data-driven-forms

   locked and limited conversation to collaborators on Mar 17, 2021