Form - Flexible - Reusable

Change Logs

v1.1.0-beta - 20/12/2025

• Change Form structures

v1.0.0-beta - 20/12/2025

• 💻 beta

Form Structure

Main (More customize)

<FormProvider
   schema={schema}
   initialValues={values}
   setOnValueChange={setOnValueChange}
   >
   <DragDropProvider onDragEnd={handleDragEnd}>
      <FormSidebar />
      <FormContent>
         <FormHeader />
         <FormDropZone>
            <FormRender />
            <FormSubmitButton />
         </FormDropZone>
      </FormContent> 
   </DragDropProvider>
</FormProvider>

Or (For quicker way)

<FormProvider
   initialValues={values}
   schema={schema2}
   setOnValueChange={setOnValueChange}>

   <FormLayout />

</FormProvider>