@arudovwen/form-builder-react 1.0.7 → 1.1.0

package/README.md

@@ -3,7 +3,7 @@
 
 The **Form Builder Package** is a reusable library designed to simplify the creation and management of dynamic forms in web applications. It provides a robust API and customizable components to streamline form-building workflows.
 
-**This package is still in development**
+> **Note**: This package is still in development.
 
 ## Features
 
@@ -23,12 +23,14 @@ npm install @arudovwen/form-builder-react
 
 ## Demo
 
-Check out the live demo of the Form Builder Package: [Form Builder Demo](https://form-builder-inky-nine.vercel.app/),  
-To view after saving: [Form Viewer](https://form-builder-inky-nine.vercel.app/viewer)
+Explore the live demo of the Form Builder Package:  
+- [Form Builder Demo](https://form-builder-inky-nine.vercel.app/)  
+- [Form Viewer](https://form-builder-inky-nine.vercel.app/viewer)
 
 ## GitHub Repository
 
-Find the source code and contribute to the project on GitHub: [Form Builder GitHub Repository](https://github.com/arudovwen/Form.Builder)
+Find the source code and contribute to the project on GitHub:  
+[Form Builder GitHub Repository](https://github.com/arudovwen/Form.Builder)
 
 ## Usage
 
@@ -69,11 +71,12 @@ function App() {
       <FormBuilder
         onSubmit={(form_data: any) => console.log(form_data)}
         config={config}
+        title="My Form Title"
       />
       <FormViewer
         onSubmit={(e: any) => console.log(e)}
         form_data={formData}
-        anwserData={answerData}
+        answerData={[]}
         config={config}
         loading={loading}
       />
@@ -88,12 +91,14 @@ export default App;
 
 | Prop         | Type               | Description                                      |
 |--------------|--------------------|--------------------------------------------------|
+| `title`      | `string`           | TItle of the form, optional   |
 | `form_data`  | `FormElement[]`    | Array of form elements to render in the form.   |
-| `anwserData` | `any[]`            | Array of user-provided answers to the form.     |
+| `answerData` | `any[]`            | Array of user-provided answers to the form.     |
 | `config`     | `object`           | Configuration object (e.g., `buttonColor`, `loaderColor`). |
 | `onSubmit`   | `(data: any) => void` | Callback function triggered when the form is submitted. |
 | `loading`    | `boolean`          | Indicates whether the form is in a loading state. |
 | `isReadOnly` | `boolean`          | Determines if the form is rendered in read-only mode. |
+| `renderType` | `string`           | Determines the style the form is rendered, either `multi` or `single`. |
 
 ### Form Element Types
 
@@ -113,8 +118,8 @@ To contribute or modify the package:
 1. Clone the repository:
 
    ```bash
-   git clone https://github.com/your-username/form-builder.git
-   cd form-builder
+   git clone https://github.com/arudovwen/Form.Builder.git
+   cd Form.Builder
    ```
 
 2. Install dependencies: