Dynamic Form Component

This repository contains a reusable DynamicForm component built with React, react-hook-form, and Material UI. The component is designed to handle dynamic forms where fields can be generated based on a schema, supporting various field types such as text, select, multi-select, radio buttons, date pickers, and autocomplete.

Features

• Dynamic Form Rendering: Renders form fields based on a schema that defines the field types, validation rules, and other properties.
• Nested Fields: Supports fields that contain nested values, useful for complex data structures.
• Form Validation: Integration with react-hook-form for validation.
• Multiple Field Types: Support for various Material UI components, such as text fields, select dropdowns, radio buttons, date pickers, and more.
• Form Actions: Includes actions like "Save" and "Clear" with a floating action button for handling form submission and resetting.

Installation

To install dynamic kit run the following command:

npm install  dynamic-kit-2

Before using this package, you need to install the required peer dependencies.

You can install them using npm or yarn by running the following command:

### npm:

```bash
npm install @types/react@^18.0.0 react@^18.0.0 @emotion/react@^11.13.3 @emotion/styled@^11.13.0 @mui/icons-material@^6.1.7 @mui/material@^6.1.7 @mui/x-date-pickers@^7.22.3 react-hook-form@^7.53.1 dayjs@^1.11.13

### yarn:

```bash

yarn add @types/react@^18.0.0 react@^18.0.0 @emotion/react@^11.13.3 @emotion/styled@^11.13.0 @mui/icons-material@^6.1.7 @mui/material@^6.1.7 @mui/x-date-pickers@^7.22.3 react-hook-form@^7.53.1 dayjs@^1.11.13