dynamic-form-create v1.0.19

Dynamic Form Create

Dynamic Form Create provides components for creating form fields dynamically with feature of visibility on-off depend on other field.

Installation

yarn

yarn add dynamic-form-create

npm

npm install dynamic-form-create

Live Preview

• Demo

Usage

Import

import DynamicFormCreate from "dynamic-form-create";

const childCompRef = React.useRef(null);
const [formData, setFormData] = React.useState([]);
const saveNewData = () => {
  const formConfigData = childCompRef?.current?.formConfigData();
  console.log(formConfigData);
};

Component

<DynamicFormCreate
  ref={childCompRef}
  formData={formData}
  setFormData={setFormData}
  activeCreateMode={true} //after complete data making, pass the prop as false
  saveNewData={() => saveNewData()}
/>